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
    June 27, 2012

    Hi Sunil,

     

    It's difficult to debug an issue when you don't have access to the machine and you can't see what's happening, so I request you to please have a little patience.

    For playback just check the following steps and make sure if you have followed them :

    1) Delete the streams folder and any .stream file in the livepkgr

    2) Restart FMS

    3) Make sure you have a crossdomain.xml under root_install/webroot

    4) Publish a stream from FMLE as 'livestream?adbe-live-event=liveevent'

    5) Use this player to playback the stream : http://osmf.org/dev/2.0gm/StrobeMediaPlayback.html?src=http://<your-ip>/hds-live/livepkgr/_definst_/liveevent/livestream.f4m

    If there is no playback, here are some checks you can do :

    1) Request for the http://<your-ip>/hds-live/livepkgr/_definst_/liveevent/livestream.f4m in your browser. You should receive an xml that looks something like this :

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

         <manifest xmlns="http://ns.adobe.com/f4m/1.0">

              <id>livepkgr/events/_definst_/liveevent</id>

                      <mimeType />

              <streamType>live</streamType>

              <duration>0</duration>

              <bootstrapInfo profile="named" url="../../../streams/livepkgr/events/_definst_/liveevent/livestream.bootstrap" id="bootstrap7158" />

              <media streamId="livestream" url="../../../streams/livepkgr/events/_definst_/liveevent/livestream" bootstrapInfoId="bootstrap7158">  

                          <metadata>AgAKb25NZXRhRGF0YQgAAAAAAAhkdXJhdGlvbgBAJUUeuFHrhQAFd2lkdGgAQHQAAAAAAA=</metadata>

                </media>

    </manifest>

    2) Check the access log under Apache to see if the .f4m, .bootstrap and Frag files have been requested and delivered. If a particular entry has a status code of 200 then the file has been served by FMS. You can confirm the same on the client side using a software like fiddler.

    Coming to the player issue, a playback of *f4v via the vod directive is a progressive download, whereas playback of an *f4m file via hds-vod is HTTP streaming. 

    I have personally used Spark VideoPlayer and hence suggested the same.

    You need to add a component like :

    <s:VideoPlayer width="100%" height="30%" chromeColor="#CCCCCC" color="#000000"

                     fontSize="12"

                     source="http://<your-ip>/hds-live/livepkgr/_definst_/liveevent/livestream.f4m"

                        symbolColor="#000000"/>

     

    Let me know if any of these suggestions help.

     

    Thanks,

    Apurva


    Hi Apurva,

    Thanka a lot for your kind co-operation. Finally I can play the .f4m video in "

    http://osmf.org/dev/2.0gm/StrobeMediaPlayback.html?src=http://<your-ip>/hds-live/livepkgr/_definst_/liveevent/livestream.f4m"

    But same time when I am trying the video in embeded video player in local page it is not working. But it is helpful for me as of now.

    Second we have to test the same in HTML5 and iphone.

    Can you please suggest me how can I do that? I am using the videojs.com open source HTML5 player. Please suggest me for HTML5, Android and iphone.

    Many thanks for your help.

    Best regards,

    Sunil Kumar