Skip to main content
Sunil Kumar Sah
Sunil Kumar Sah
Inspiring
June 25, 2012
Answered

HTTP Live streaming test in Flash Player, HTML5 player, iphone, android and other smart phones.

  • June 25, 2012
  • 1 reply
  • 71744 views

Hi,

Can anyone please tell me how can I play http live streaming from FMLE 3.2 to Flash player, iphone, ipdad, HTML5 player, Android and other devices?

I have tried my best to play live streaming usine FMLE 3.2 with help of "http://help.adobe.com/en_US/flashmediaserver/devguide/WSd391de4d9c7bd609-52e437a812a3725dfa0-8000.html" but not able to play video using HTTP.

When I tried to play url-  "http://localhost/hds-live/livepkgr/_definst_/liveevent/livestream.f4m" even in in Strobe Media Player it was showing "Buffering" that's it. But I can play same RTMP URL in Flash AS3 using the netstream very fine.

Now I want to test the livepkgr content via HTTP to Flash Player, HTML5 Player (on Web browser and smartphones), iphone and other devices.

Thanks

Best regards,

Sunil Kumar

    This topic has been closed for replies.
    Correct answer

    Yes,

    please dowload the complete set from - http://flashdivine.fav.cc/personal/video-js.rar

    <!DOCTYPE html>

    <html>

    <head>

      <title>Video.js | HTML5 Video Player</title>

      <!-- Chang URLs to wherever Video.js files will be hosted -->

      <link href="video-js.css" rel="stylesheet" type="text/css">

      <!-- video.js must be in the <head> for older IEs to work. -->

      <script src="video.js"></script>

      <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->

      <script>

        _V_.options.flash.swf = "video-js.swf";

      </script>

    </head>

    <body>

      <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"

          poster="http://video-js.zencoder.com/oceans-clip.png"

          data-setup="{}">

        <source src="http://qthttp.apple.com.edgesuite.net/1010qwoeiuryfg/sl.m3u8" type='video/mp4' />

        <!-- <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />  Working fine  -->

        <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />

        <track kind="captions" src="captions.vtt" srclang="en" label="English" />

      </video>

    </body>

    </html>

    Best regards,


    I'm unable to download from thw link you've provided. But I tried a simple video playback on my end and it worked for me :

    <head>

    <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">

    <script src="http://vjs.zencdn.net/c/video.js"></script>

    </head>

    <body>

    <video id="my_video_1" class="video-js vjs-default-skin" controls

      preload="auto" width="640" height="264" poster="my_video_poster.png"

      data-setup="{}">

      <source src="http://qthttp.apple.com.edgesuite.net/1010qwoeiuryfg/sl.m3u8" type='video/mp4'>

    </video>

    </body>

    Please try this and let me know if it works for you.

    Thanks,

    Apurva

    1 reply

    A
    Anonymous
    June 26, 2012

    Can you just do a couple of checks for me?

    1) Before you publish a stream please delete the streams folder under livestream and the .stream file under livestream/events/_definst_/liveevent, restart your server and then try.

    2) Are the f4f fragments being created? After you publish you need to check under livepkgr/streams/_definst_/livestream (if you're publishing to livestream).

    3) Instead of localhost can you just try with the server ip?

    4) Also what version of FMS and Flash Player are you using?

    Thanks,

    Apurva

    Sunil Kumar Sah
    Sunil Kumar SahAuthor
    Inspiring
    June 26, 2012

    Hi Apurva,

    I did all the things what you said but still I am not able to do it. Please check the logs snapshot also for your reference.

    Also f4f fragments is creating but there is no .f4m and .m3u8 files over there.

    Please suggest.

    Best regards,

    Sunil Kumar

    A
    Anonymous
    July 2, 2012

    Hi Apurva,

    Thanks a lot for your help. It is working now as expected in Strobe Media Player. Can you please tell me how can I play this video in HTML5 individual player?

    Please suggest me and if would be better if you can give me any sample code.

    Best regards,

    Sunil Kumar


    You can play HTTP Live Streaming (HLS) in HTML 5 by creating a HTML page witha  video tag pointing to the m3u8. Something like this :

    <video src="http://,your-ip>/hls-live/livepkgr/_definst_/livestream/livestream.m3u8" controls autoplay height="640" width="360">

    Hope this helps.

    Thanks,

    Apurva

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices