Skip to main content
Sunil Kumar Sah
Inspiring
June 25, 2012
Répondu

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

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

    Ce sujet a été fermé aux réponses.
    Meilleure réponse par

    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 commentaire

    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
    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

    Sunil Kumar Sah
    Inspiring
    July 2, 2012

    Hi Sunil,

    Gald to hear that the playback is working

    Coming to the VideoPlayer, can you tell me what is the problem you're facing?

    If you have flex builder, then just open a new project and add this in the mxml file :

    <?xml version="1.0" encoding="utf-8"?>

    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

                                     xmlns:s="library://ns.adobe.com/flex/spark"

                                     xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

              <fx:Declarations>

                        <!-- Place non-visual elements (e.g., services, value objects) here -->

              </fx:Declarations>

              <s:VideoPlayer   source="http://server-ip/hds-live/liveevent/_definst_/liveevent/livestream.f4m"/>

    </s:Application>

    Just this much is enough to create a VideoPlayer and playback the stream. You can then add functionality as you require. Let me know if this helps.

    On iPhone you need to use a HLS stream. For the same stream being published (as this is an unencrypted stream), make a request as so in your Safari browser on iPhone :

    http://server-ip/hls-live/livepkgr/_definst_/liveevent/livestream.m3u8

    For Android you can compile a simple player for AIR in flex builder and then check playback with that.

    Thanks,

    Apurva


    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