Wowza Community

Modify JWPlayer embed to support Android somehow

OK, so I have read what a nightmare Android is. I’m also not a HTML hacker. But, I have got the following code working to support live streaming to IOS and Flash using JWPlayer 6. What I need now is a way to modify this block so that a stream shows up on Android. I know it won’t be adaptive bitrate. But, I understand RTSP is the most likely way to get a stream to Android. So let’s say I pick some arbitrary one of the underlying streams to feed to Android. Let’s say it’s this rtsp stream:

rtsp://example.com:1935/live/mp4:mystream_360p

How do I add that into the HTML code below to get it to show up on Android? I don’t think this is a JWPlayer question, since they don’t support RTSP streams. So, I’m presuming there has to be some way to get Android to show the stream independently of JWPlayer. Can I do this just in the HTML, or do I need some other embeddable player? If so, can you point me in that direction too. If you can suggest a solution, do you also have a sense of which Android OS versions it might work for? I’m really tearing my hair out.

<!doctype html>
<head>
<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>
</head>
<body>
<div id='my-video'></div>
    <script type='text/javascript'>
        jwplayer('my-video').setup({
            playlist: [{
                sources : [
                { file: 'http://example.com:1935/live/ngrp:mystream_all/playlist.m3u8' },
                { file: 'http://example.com:1935/live/ngrp:mystream_all/jwplayer.smil' }
                ],
                title: "My Excellent Stream"
            }],
            width: '640',
            height: '360'
        });
    </script>
</body>

Hi,

The following should work.

<!doctype html>
<head>
<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>
</head>
<body>
<div id='my-video'><a href='rtsp://example.com:1935/live/mp4:mystream_360p'>My Excellent Stream</a></div>
    <script type='text/javascript'>
        jwplayer('my-video').setup({
            playlist: [{
                sources : [
                { file: 'http://example.com:1935/live/ngrp:mystream_all/playlist.m3u8' },
                { file: 'http://example.com:1935/live/ngrp:mystream_all/jwplayer.smil' }
                ],
                title: "My Excellent Stream"
            }],
            width: '640',
            height: '360',
            fallback: false
        });
    </script>
</body>

The fallback: false part tells the javascript not to replace the contents of the div tag if it cannot render a player. This way your link is displayed instead.

Roger.