Page 1 of 2 12 LastLast
Results 1 to 10 of 16

Thread: RTMPe dynamic streaming and iOS dynamic streaming together

  1. #1

    Unhappy RTMPe dynamic streaming and iOS dynamic streaming together

    I would like to put together the basic code necessary to implement a video player utilizing the JW Player, with multi bit rate support for both the Flash player and iOS devices. I have RTMPe working alone, but I do not understand how to call a multi-bitrate playlist for iOS.

    In the example I am working from, I do not understand how the "url" is being called for the iOS xml code. Can someone show me how to do this properly?

    If you would like to create your own example, my test files are named accordingly:

    sample_01_2400Kb.mp4
    sample_01_1800Kb.mp4
    sample_01_900Kb.mp4

    ------------------------
    The player page example code:

    <div id='player'>This div will be replaced by the JW Player.</div>
    <script type='text/javascript' src='/jwplayer.js'></script>
    <script type='text/javascript'>
    jwplayer('player').setup({
    'id': 'playerID',
    'width': '640',
    'height': '480',
    'file': '/flash-mbr.xml',
    'modes': [
    {type: 'flash', src: '/player.swf'},
    {
    type: 'html5',
    config: {
    'file': '/ios-mbr.xml'
    }
    }
    ]
    });
    </script>

    -------------------------
    iOS xml example code:

    <rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/"
    xmlns:jwplayer="http://developer.longtailvideo.com/">

    <channel>
    <title>iOS Multi Bit Rate Playlist</title>

    <item>
    <title>Live Streaming</title>

    <description>Put your description here.</description>
    <media:group>
    <media:content bitrate="500"
    url="[iOS URL]/livestream_1/playlist.m3u8" width="600" />
    <media:content bitrate="350"
    url="[iOS URL]/livestream_2/playlist.m3u8" width="480" />
    <media:content bitrate="200"
    url="[iOS URL]/livestream_3/playlist.m3u8" width="320" />
    </media:group>

    <jwplayerrovider>video</jwplayerrovider>
    </item>

    </channel>
    </rss>

    -----------------------------
    Flash xml example code:

    <rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/"
    xmlns:jwplayer="http://developer.longtailvideo.com/">

    <channel>
    <title>Flash Multi Bit Rate Playlist</title>

    <item>
    <title>Live Streaming</title>

    <description>Put your description here.</description>
    <media:group>
    <media:content bitrate="500" url="livestream_1" width="600" />
    <media:content bitrate="350" url="livestream_2" width="480" />
    <media:content bitrate="200" url="livestream_3" width="320" />
    </media:group>

    <jwplayer:streamer>[RTMP URL]</jwplayer:streamer>
    <jwplayerrovider>rtmp</jwplayerrovider>
    </item>

    </channel>
    </rss>

    --------------------------------
    Thanks,
    triple

  2. #2

    Default

    It seems as you want to play on-demand files, but the example above is for live streams. Take a look here for On-Demand configurations:

    http://www.mediaserve.com/clients/kn...yarticle&id=85

  3. #3

    Default

    Quote Originally Posted by manuelalvarez View Post
    It seems as you want to play on-demand files, but the example above is for live streams. Take a look here for On-Demand configurations:

    http://www.mediaserve.com/clients/kn...yarticle&id=85
    Thanks for the link. That's exactly the basic code for what I need, but trying to add multi-bitrate support for HTML5 is where it falls apart for me.

  4. #4
    Join Date
    Dec 2007
    Posts
    21,962

    Default

    Use a multi-bitrate .smil file as show in the vod tutorial. Use smil: prefix in the file attribute of the HTML5 node:

    <html>
    <head>
    <title>JW Player Fallback</title>
    </head>
    
    <body>
    <script type='text/javascript' src='jwplayer.js'></script>
    
    <div id='mediaplayer'></div>
    
    <script type="text/javascript">
      jwplayer('mediaplayer').setup({
        'id': 'playerID',
        'width': '480',
        'height': '270',
        'provider': 'rtmp',
        'streamer': 'rtmp://[wowza-address]:1935/vod',
        'file': 'sample.mp4',
        'modes': [
            {type: 'flash', src: 'player.swf'},
    	{type: 'html5', config:
    		{
    		'file': "http://[wowza-address]:1935/vod/smil:sample.smil/playlist.m3u8",
    		provider: 'video'
    		}
    	}
        ]
      });
    </script>
    </body>
    </html>
    Richard

  5. #5

    Default

    Thank you for that code rrlanham! So if my multi versions are in that smil file, an iPhone can pick the one that works best for it, and an iPad can pick the one best for it?

  6. #6
    Join Date
    Dec 2007
    Posts
    21,962

    Default

    For that you also have to add codec info for the devices:

    http://www.wowza.com/forums/content....to-iOS-Streams

    Richard

  7. #7

    Default

    WOW. Richard. That is exactly what I have been missing all along. Seriously, thank you so much for pointing that out. Off to bed. Will try tomorrow and report back.

  8. #8
    Join Date
    Dec 2007
    Posts
    21,962

    Default

    Cool, you're welcome. Thanks for the update. Glad I could help.

    Richard

  9. #9

    Default

    Richard,

    Got it working! Since I'm using the JWPlayer, I also switched out the "file" for flash with an xml...that way I've added adaptive streaming when in flash mode.

    Last thing I'm not sure about... JWPlayer's documentation for XML says to put the bitrate order "highest to lowest."

    I started wondering...

    The Wowza documentation for SMIL says put the bitrate "lowest to highest." If I change to "highest to lowest," won't the mobile device be able to find the better quality file first? Are both okay, is one better than the other?

    Thanks a bunch!
    triple

  10. #10
    Join Date
    Dec 2007
    Posts
    21,962

    Default

    Triple,

    I'm not sure what difference that makes, try it both ways.

    Richard

Page 1 of 2 12 LastLast

Similar Threads

  1. nDVR and Dynamic streaming setup with Wowza Streaming Enngine 4.04
    By cymaknova in forum Integrating Wowza into your workflow
    Replies: 1
    Last Post: 08-13-2014, 11:52 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •