Multi-Device Setup Wowza + JW Player 7, handle fallback and errors
Hey there,
I first used JW Player around 10 years ago and love how it develops. My goal for this Project: Reach as many different devices with our live stream (and later with our live stream recording) as possible with the following setup:
Live-Setup: Telestream Wirecast H.264/AAC -> Wowza Media Server -> JW Player (rtmp, hls, rtsp fallback)
OnDemand-Setup: Wowza Media Server -> JW Player (rtmp, hls, rtsp fallback)
Now, with JW v7 I have a misleading error message on flash disabled desktop environments that didn't occur in earlier versions: "Error loading player: no playable sources found". The message should rather be "Please install the latest Adobe Flash Version" with a link to adobe.
With JW Player v5 it worked perfectly like:
<p id="player">Please get the latest <a href="http://www.adobe.com/go/getflashplayer_de">Adobe Flash Player</a>. </p>
<script>
var agent=navigator.userAgent.toLowerCase();
if(agent.indexOf('android')!=-1) {
document.all.player.innerHTML = '<a href="rtsp://***:1935/videos/***.mp4"><img src="player.jpg" alt="Start livestream"></a>';
} else {
jwplayer('player').setup({
flashplayer: '***',
provider: 'rtmp',
file: '***.flv',
streamer: 'rtmp://***/videos',
//start: 1399,
modes: [
{type: 'flash', src: 'http://www.team-ulm.de/mplay/player.swf'},
{type: 'html5', config: {
'file': "http://***:1935/videos/***.mp4/playlist.m3u8",
provider: 'video'
[..]
How it works: Setup replaces p-tag with a flash-player (rtmp) or html5 player (hls) OR for android users with a direkt rtsp-link. If flash is disabled on desktop, the p tag will not be replaced and a helping error message ("you should get the latest flash version") is displayed.
Wirh JW Player v7:
<p id='player'><a href="rtsp://mdn.cortex-media.de/videos/bootssession2015_2.mp4"><img src="player.jpg" alt="Start livestream"></a></p>
<script>
jwplayer('player').setup({
sources: [{
file: 'rtmp://***/videos/***.mp4',
},{
file: "http://***:1935/videos/***.mp4/playlist.m3u8"
}],
fallback: false
});
</script>
How it works: Setup replaces p-tag with flash-player (rtmp) or html5 player (hls). It should not fall back to the rtsp-link, but it can't hurt.
AND NOW THE PROBLEM: a html5 capable browser with flash disabled will get the error "Error loading player: no playable sources found" but I rather want him to enable flash or install the latest version. I have no chance, even if I set the primay renderer to "flash". It always falls back to html5 with the misleading error message. How do you guys handle this? Do you change the message? Or is there a streaming protocol for html5 (like rtmp for flash) meanwhile? HLS support is only in the flash version, isn't it?
Thank you very much and to say it again: GREAT WORK!!!
Marc
