Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

HTML5 live Video Streaming Support Using Flash media live encoder


Ok here it is... I have been streaming live video with jw player and flash media live encoder and flash media server.... Now since flash is dying with android and it won't work with iPhone/ipad... I have been knocking my head on my keyboard i know nothing about html5 at all but i wanna know if there is anyone out there that can help me configure my jw player and flash media live encoder to to work with these devices.. Thanks

16 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

Do you have a link?

JW Player

User  
0 rated :

lol you been talking to me about it already via email im trying to see if anyone else has setup like mine

Ethan Feldman

JW Player Support Agent  
0 rated :

Got it.

You need to make sure to use modes and point to the rtmp file for flash, m3u8 for html5.

Documentation – http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/18508/jw-embedder-modes

Demo – http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/18530/embedding-an-rtmp-stream-with-an-html5-fallback

JW Player

User  
0 rated :

Hi Ethan,

I have an issue using JW Player for Wordpress. As a faculty of communication in a university, we have a video website which we serve VOD videos, and sometimes Live events such as graduation ceremony and etc.

I was using Flash Media Live Encoder 3.2 and Flash Media Server 3.5 until now. And as you can guess, it's not enough now because of the fact that we also should stream to iOS devices with HTML5 support. So we got a shining new Adobe Media Server 5, using 'livepkgr' application for packaging live events and serving HTML5. It supports HTTP Dynamic Streaming and HTTP Live Streaming for iOS devices.

My problem comes into scene here. I tried and successed embedding my usual SWF as a player and changing flashvars in the embed code, and voila, it worked. However, I couldn't settle the workflow for HTML5 stream. How should I construct my URL when trying to embed live stream (not VOD files) using JW Player for Wordpress.

Here are some info about my encoder settings:

URL: rtmp://radyo.ieu.edu.tr/livepkgr
Stream: livestream?adbe-live-event=liveevent

As of now these links are closed to users outside of university you might not reach them but at least you can tell me how should I embed my stream.

Sorry for the long post, I think I'm having a hard time expressing my issue with simple and short words. Thanks in advance.

Ethan Feldman

JW Player Support Agent  
0 rated :

Can I see where the player is running ?

JW Player

User  
0 rated :

Hi,

http://www.alpergedik.com.tr/?p=306 is the link.

I've put our university radio stream in my personal website because I can't publish it publicly online as we are on test period.

First one is JW Player, second is my usual old SWF. There's no video but we can hear the radio and see the correct settings.

Thanks.

Ethan Feldman

JW Player Support Agent  
0 rated :

What is the shortcode for this post?

JW Player

User  
0 rated :

The first one is added by using Wordpress' Add Media -> External Media -> http://radyo.ieu.edu.tr/hds-live/livepkgr/_definst_/radioevent/radiostream.f4m

Other SWF code is as follows:

<object width="640" height="360"> <param name="movie" value="http://video.ieu.edu.tr/strobe1/StrobeMediaPlayback.swf"></param><param name="flashvars" value="src=http://radyo.ieu.edu.tr/hds-live/livepkgr/_definst_/radioevent/radiostream.f4m&streamType=live"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="direct"></param><embed src="http://video.ieu.edu.tr/strobe1/StrobeMediaPlayback.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="direct" width="640" height="360" flashvars="src=http://radyo.ieu.edu.tr/hds-live/livepkgr/_definst_/radioevent/radiostream.f4m&streamType=live"></embed></object>

Ethan Feldman

JW Player Support Agent  
0 rated :

What happens if you use this shortcode:

[jwplayer file=“http://radyo.ieu.edu.tr/hds-live/livepkgr/definst/radioevent/radiostream.f4m” provider=“hds”]

JW Player

User  
0 rated :

It worked on PC, but I suppose now it doesn't have HTML5 streaming support with Flash fallback? Because when I tried with an iPad, it showed a blocked Play icon on the player.

JW Player

User  
0 rated :

I've changed the shortcode as:

[jwplayer file="http://radyo.ieu.edu.tr/hls-live/livepkgr/_definst_/radioevent/radiostream.m3u8" provider="hls"]

for iOS devices, now it works with iPad but not on PC. By the way, sound comes intermittently.

Ethan Feldman

JW Player Support Agent  
0 rated :

Use this:

[jwplayer file=“http://radyo.ieu.edu.tr/hds-live/livepkgr/definst/radioevent/radiostream.f4m” provider=“hds” html5_file=“http://radyo.ieu.edu.tr/hls-live/livepkgr/definst/radioevent/radiostream.m3u8”]

That should satisfy both desktop and iOS.

JW Player

User  
0 rated :

Thanks Ethan, now it worked with a single line of code.

Now I have two final questions/issues:

1. On iPad, sounds comes intermittently, half of it is lost. Do you think it's because my iPad is first gen. and has insufficient memory/processor to stream a healthy 96 kbps broadcast? If not, what's the problem? (My Flash Media Live Encoder settings are: Audio Format: MP3, Channels: Mono, Sample Rate: 44100, Bit Rate: 96 kbps)

2. What should be the shortcode for VOD files (for instance an MP4 file with h.264 encoding)

Ethan Feldman

JW Player Support Agent  
-1 rated :

Np.

1) It might be that. I use an iPad 1 though.

2) Just use file=“video.mp4”

JW Player

User  
0 rated :

Great, tomorrow I'll try with a 3rd gen iPad and let you know.

Thanks for everything Ethan, and have a nice evening.

Ethan Feldman

JW Player Support Agent  
0 rated :

Np , you too.

This question has received the maximum number of answers.