HOWTO: Change JWPlayer to the HTML5 version

[Avatas]

Has anyone seen issues playing transcoded HTML5 through Google Chrome on the Mac OS? Video plays but it displays weird artifacts of green and red.

[skug67]

I've got this working to stream video to Chrom on my Android phone. Thanks a bunch. But if I try to stream to my iPad, I get audio only and the big Quicktime "Q" on the screen where the video should be. Any suggestions of how to tweak the transcode parameters so that it works for both Android and iPad?

Thanks in advance,

Seth Green

[regentswift]

I've made all the changes in the first post, but it's still using the JWPlayer 5.10 (flash).

What might I have to do to get the new player to stick?

[regentswift]

I've made all the changes in the first post, but it's still using the JWPlayer 5.10 (flash).

What might I have to do to get the new player to stick?

I got it... I had to delete the jetty/31xx/jsp/org/apache/jsp folder, and now it's working.

[jValdron]

I've got this working to stream video to Chrom on my Android phone. Thanks a bunch. But if I try to stream to my iPad, I get audio only and the big Quicktime "Q" on the screen where the video should be. Any suggestions of how to tweak the transcode parameters so that it works for both Android and iPad?

Thanks in advance,

Seth Green

You'll probably have to use MP4 some how. So you'd have to change one line in the JWPlayer configuration (JavaScript in the jsp file) and you'd have to use a MP4 transcoding line. Don't think iDevices support WebM.

[chali]

I've got this working to stream video to Chrom on my Android phone. Thanks a bunch. But if I try to stream to my iPad, I get audio only and the big Quicktime "Q" on the screen where the video should be. Any suggestions of how to tweak the transcode parameters so that it works for both Android and iPad?

Thanks in advance,

Seth Green

You'll probably have to use MP4 some how. So you'd have to change one line in the JWPlayer configuration (JavaScript in the jsp file) and you'd have to use a MP4 transcoding line. Don't think iDevices support WebM.

Can you showe how to do this? ( think meny people like that)

/chali

[Robilon]

Is there any way I can get my droid razr play video on this, having ics? Flash isn't supported on this. None of the things said here worked...

[chops13]

Something is not working right now, perhaps since the last update?

I followed the instuctions and now I am getting an error in my browser when trying to play the video.

"Video Not found or access denied: /stream?id=54&maxbitrate=1000&timeoffset=0&player=4"

Any ideas?

[chali]

Hi

Right click and check that you are using the jw-player 6.

do you use chrome? (Preferable)

have you changed transcoding to html5?

/ Chali

Something is not working right now, perhaps since the last update?

I followed the instuctions and now I am getting an error in my browser when trying to play the video.

"Video Not found or access denied: /stream?id=54&maxbitrate=1000&timeoffset=0&player=4"

Any ideas?

[mta99]

I had a similar problem (using Linux server). Subsonic was picking up JW Player 5 rather than version 6. After much deleting of files, re-downloading etc. I think I have the solution (works for me anyway )

Open videoPlayer.jsp and look for the following code on line 36

Code: Select all

{ type: 'flash', src: '/flash/jwplayer-6.10' }

Change it to

Code: Select all

{ type: 'flash', src: '/flash/jw-player-6.10' }

The same line appears in the rest/videoPlayer.jsp file if you're using Subsonic on your phone.

I don't know why this works when previously it was fine but for me its fixed it and I can once again enjoy HTML5 video playback on desktop and mobile

[chali]

I had a similar problem (using Linux server). Subsonic was picking up JW Player 5 rather than version 6. After much deleting of files, re-downloading etc. I think I have the solution (works for me anyway )

Open videoPlayer.jsp and look for the following code on line 36

Code: Select all

{ type: 'flash', src: '/flash/jwplayer-6.10' }

Change it to

Code: Select all

{ type: 'flash', src: '/flash/jw-player-6.10' }

The same line appears in the rest/videoPlayer.jsp file if you're using Subsonic on your phone.

I don't know why this works when previously it was fine but for me its fixed it and I can once again enjoy HTML5 video playback on desktop and mobile

Hi

the reason it works is you change something in documentet and then save, it works just as well to change anything else, save and then change it back and save.

test and you'll see;-)

/ Chali

[mta99]

It's working fine, don't want to break it, so I'll just take your word for it

Sent from my Nexus 4 using Tapatalk 2

[Cook66]

Will this make it possible to change audio track (language) and subtitles?

[srazzur]

I just want to thank you, jValdron, for working this out. It is purely awesome to be free of the resource hog that is Flash. Well done!

edit: Slightly off-topic perhaps, but it should be possible to stream video to iOS devices as well, correct? -- I would assume using HTTP Live Streaming rather than this HTML 5 solution, but I have no clue how to do that (even though I see that Subsonic supports HLS). Forgive my ignorance ...

edited edit: iSub works great as a client for my Subsonic server on my iOS devices -- my question is, it it possible to get video streamed to iOS *without* iSub, like directly into Mobile Safari or Chrome?

[beyondinferno]

I've got everything set up as per OP, but I'm getting "error loading media". Checked logs and found "av_interleaved_write_frame(): Operation not permitted" is where is stops the operation. Any ideas?
transcode string is "ffmpeg -ss %o -i %s -async 1 -map 0:0 -map 0:1 -f webm -vcodec libvpx -b %bk -s %wx%h -acodec libvorbis -ar 44100 -ac 2 -preset superfast -threads 4 -v 0 -" as per a post a couple pages back. Had the same problem with the OP string as well.