Streaming Engine VOD with JW Player 6: "No playable sources found" on iOS

Wowza Streaming Engine
1

Our application plays VOD files of community meetings in a user friendly web archive. We are in the process of updating to the new JW Player 6.0.

Per the Wowza forum, (https://www.wowza.com/docs/how-to-use-jw-player-with-wowza-streaming-engine), we have implemented the new player.

We have changed the VOD App and the File Name to their respective names in our instance.

Playback works in Flash, but not HTML 5 on iOS.

What I am confused about is how Apple iOS streaming works in this setup. Previously, we would have to configure an HTML 5 mode in our JW Player javascript calling. Can someone help clarify what is happening?

2

does “http://media.lightwayms.com:1935/vodapp/smil:sample.smil/playlist.m3u8” work?

3

Russell, does the stream work if you take JW Player out of the equation and use an HTML 5 video tag?

What is the video and audio codec of the stream? iOS devices need H.264 video and AAC audio, (mp3 works as well) and a profile of “baseline 3”

Another idea to check is if you are doing abr, are the renditions key frame aligned. Key frame alignment is critical for abr to work. You can test alignment by following this guide:

How to debug encoder multi-bitrate key frame alignment

Salvadore

4

I can get to your server (media.lightwayms.com:1935) in a browser and see Wowza version and build, but I cannot get to that stream, the playlist does not open.

When I try to play sample.mp4 from your server in a RTMP player, it reports the stream is not found or access is denied. What kind of security is enabled?

Richard

5

That does not play either. Can you re-start Wowza and run playback tests on your side, the zip up /conf folder and the access log showing re-start and tests to support@wowza.com

Include a link to this thread for reference

Richard

6

Russell, try this code:

<script type="text/javascript">
jwplayer("player").setup({
    playlist: [{
        sources: [
            { file: "http://media.lightwayms.com:1935/vodapp/smil:sample.smil/jwplayer.smil" },
        ],
    }],
    sources: [{
	            file: "http://media.lightwayms.com:1935/vodapp/sample.mp4/playlist.m3u8"
        }]
});
</script>

Salvadore

7

To answer ‘salvadore’, the videos will play when you remove JWPlayer from the equation and just insert a simple video tag. The following video tag works perfectly.

8

Hi Salvadore,

That code still produces a player on iOS (my iPad/iPhone) that says "Error loading player: No playable sources found"

However, it still plays mbr on my desktop W7 system with Chrome flawlessly. The issue is isolated to iOS HTML 5 streaming only.

9

The stream is: CABLE11614.mp4

The VOD Application is: vod10906001

Standard security practices enabled on server. We have never had any firewall/security related problems with the accessing of content.

10

Hello everyone,

I was able to resolve this issue. I am posting my resolution for the community.

<script type="text/javascript">
jwplayer("player").setup({
	height: 388,
	width: '100%', 
    playlist: [{
        sources: [
            { file: "http://media.lightwayms.com:1935/vod10906001/smil:CABLE11614.smil/jwplayer.smil", },
        ],
    }],
    sources: [{
            file: "http://media.lightwayms.com:1935/vod10906001/smil:CABLE11614.smil/playlist.m3u8"
        }]
});
</script>

The two sources: jwplayer.smil, playlist.m3u8 work to make FLASH/HTML5 playback work respectively. Please correct me if I’m wrong. The issue appears to be resolved.