Skip navigation
Currently Being Moderated

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

Jun 25, 2012 5:39 AM

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/WSd391de4d9c7bd6 09-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

 
Replies 1 2 Previous Next
  • Currently Being Moderated
    Jun 25, 2012 10:23 PM   in reply to Sunil Kumar

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 1:17 AM   in reply to Sunil Kumar

    Hi Sunil,

     

    'livestream%i?adbe-live-event' is used for MBR streams, where when you publish 3 streams, FMLE publishes them as livestream1, livestream2 and livestream3. As you have only one stream selected, only livestream1 is being published. However, when you're playing back, you're playing back as livestream instead of livestream1.

     

    Try publishing as 'livestream?adbe-live-event' and then playback using "http://localhost/hds-live/livepkgr/_definst_/liveevent/livestream.f4m".

     

    Let me know if this solves the problem.

     

    Thanks,

    Apurva

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 1:53 AM   in reply to Sunil Kumar

    The .f4m and .m3u8 files are created on the disk. They are generated on the fly as and when requests come to the server. You can try requesting the .f4m/.m3u8 file in your browser (not player) and verify.

     

    Thanks,

    Apurva

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 3:31 AM   in reply to Sunil Kumar

    Hi Sunil,

     

    Sorry typo in my previous message. .f4m and .m3u8 files are NOT written on the disk. They are generated on the fly.

     

    Let me have a look at the code you have sent and I'll get back to you.

     

    Thanks,

    Apurva

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 4:57 AM   in reply to Sunil Kumar

    Hi Sunil,

     

    1) About playback - After following the steps I've mentioned above, can you publish and try to play the live stream in the Strobe Media Player. If playback is not happening can you check the Apache logs (under root_install/Apache2.2/logs) to see if any error is being logged.

    2) About the client, Netstream class is traditionally used for rtmp playback. Netstream.play() cannot directly be used to play HTTP streams. I'll investigate and see how you can do this but, I would suggest you use the Spark VideoPlayer available in Adobe Flex (AS3 based). It is easy to use and gives you advanced functionalities. You can download Flex from here (http://www.adobe.com/devnet/flex.html). You can find more information about the VideoPlayer here (http://help.adobe.com/en_US/flex/using/WSc78f87379113c38b-669905c51221 a3b97af-8000.html)

     

    Hope this helps.

     

    Thanks,

    Apurva

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 6:30 AM   in reply to Sunil Kumar

    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>AgAKb25NZXRhRGF0YQgAAAAAAAhkdXJhdGlvbgBAJUUeuFHrhQAFd2 lkdGgAQHQAAAAAAA=</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

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 11:29 PM   in reply to Sunil Kumar

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 1:29 AM   in reply to 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

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 2:21 AM   in reply to Sunil Kumar

    Can you give me the piece of code you're using?

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 3:01 AM   in reply to Sunil Kumar

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 3:30 AM   in reply to Sunil Kumar

    I checked on the Sfari browser on the iPad 2. Because this is HTTP Live Streaming (HLS), it'll only playback on an iOS machine (MAC desktop or an iOS device).

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 3:41 AM   in reply to Sunil Kumar

    I have not tried an emulator myself, but you can see if this helps : http://oreilly.com/windows/archive/PearPC.html

     

    Thanks,

    Apurva

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 3:59 AM   in reply to Sunil Kumar

    You can use HTTP Dynamic Streaming over Flash Player. You can download flash player from here : http://www.adobe.com/support/flashplayer/downloads.html. You can find the details of the platforms that is supported by Flash player here : http://www.adobe.com/products/flashplayer/tech-specs.html

    Flash Player on devices is not recommended. Instead use Adobe AIR and AIR based applications. Read about AIR here : http://www.overdigital.com/2012/01/09/the-ultimate-guide-to-understand ing-advanced-video-delivery-with-air-for-mobile/

     

    Thanks,

    Apurva

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 2, 2012 6:57 AM   in reply to Sunil Kumar

    A single AIR application will work for all your Android devices. You can similarly create an iOS application for all iOS devices or use HTML5 like above.

    In actionscript you can check for the system and runtime of the client usinf the capabilities class. See more information here : http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/fla sh/system/Capabilities.html

     

    Also you can find some basic tutorials to build Android and iOS apps using Flex builder, that might help, here : http://www.lynda.com/Flash-Builder-4-5-tutorials/Building-Android-and- iOS-Applications-with-Flex/80254-2.html

     

    Hope this helps.

     

    Thanks,

    Apurva

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 2:05 AM   in reply to Sunil Kumar

    Hi Sunil,

     

    I'm not sure I understand your question completely, so could you please elaborate?

     

    In HTTP Dynamic streaming the client player detects the bandwidth available at the client and requests the most appropriate stream for the given condition.

    For Multi-bitrate we need either a set-level F4M (HDS) or M3U8 (HLS) file that contain the URLs to the stream-level manifest file and the bit rate information for each stream in a multi-bitrate set. The client switches between streams based on the bitrate information in this file. You can see how to create these files here :

    http://help.adobe.com/en_US/flashmediaserver/devguide/WSeb6b7485f9649b f23d103e5512e08f3a338-8000.html#WS6296fb42d90e952e36c58a9613244a4336e- 8000

     

    Hope this helps.

     

    Thanks,

    Apurva

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 28, 2012 1:41 PM   in reply to Sunil Kumar

    33. Sunil Kumar

     

    hello im having issues doing what you are

     

     

    i have been using jw player on my website doing live video streaming  using adobe fms 4.5 and fmle 3.2 can we please talk cause i  wish to have support on iphone ipad and other devices as well since flash is slowly dying my skype is bluraymakulit i would love help on how to configure this please and thank you

     
    |
    Mark as:
  • Currently Being Moderated
    May 13, 2013 11:59 PM   in reply to Apurva Udaykumar

    Hey can you please send me the code for Live video streaming from android device to adobe server...It will be a great help for me.

    Thank you.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 22, 2013 10:14 AM   in reply to Nitesh upadhyay

    I have 2 questions.

     

    1.- Will .m3u8 file work inside of a HTML5 file

    2.- What is the best way to stream to balckberry and Windows Phones?

     

    Thanks,!

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 22, 2013 11:04 AM   in reply to Sunil Kumar

    At this point i am tasked to create a solution to reach PCs (IE 6-10) , FF, Chrome, Safari

    Mac Safari, iOS devices, android, windows phone and blackberry

     

    So i was creating an html with flash embeded object with an html5 fallback.

    I was planning to use m38u for ios and HDS for android

    Flash for IE 6-8 and html5 ie 9-10

    What is the best options for BBeries and Win Phones???

     

    By the way does FMS has a html5 player like videojs.com has??

    I am trying not to use html5 open source players....

     

    What is your recommendation for a solution like that?

    I am open to suggesstion and solutions...

    Thanks!!

     
    |
    Mark as:
1 2 Previous Next

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points