javascript - 使用 jwplayer 备份流媒体

标签 javascript html jwplayer

我使用这个js创建一个jwplayer。

<script language="javascript" type="text/javascript" src="embed/swfobject.js"></script>

<div id="playerContainer">player should load here</div> 

<script language="javascript" type="text/javascript"> 
                     var flashvars = {};
                     flashvars.linkfromdisplay = "true";
                     flashvars.autostart = "true";
                     flashvars.height = "480";
                     flashvars.width = "640";
                     flashvars.volume = "90";
                     flashvars.repeat = "false";
                     flashvars.displayheight = "640";
                     flashvars.displaywidth = "480";
             flashvars.skin = "embed/minimal.zip";
             flashvars.stretching = "exactfit";
                     flashvars.file = "http://" + 
             escape("1.1.1.1/stream.php");
                     var params = {};
                     params.menu = "true";
                     params.allowscriptaccess = "always";
                     params.allowfullscreen = "true";
                     params.wmode = "transparent";
                     var attributes = {};
                     attributes.id = "playerContainer";
                     attributes.wmode = "transparent";
                     attributes.name = "playerContainer";
                    swfobject.embedSWF("jwplayer/player.swf",
 "playerContainer", "640", "480", "8","expressInstall.swf", flashvars,
 params, attributes);
</script>

这工作正常,但当出现任何问题并且流已关闭或未找到时,我想流式传输另一个链接。

最佳答案

您可以使用 onError() 来执行此操作。

这是一个演示:

http://support.jwplayer.com/customer/portal/articles/1442607-example-a-custom-error-message

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Displaying a Custom Error Message</title>
    <link rel="icon" type="image/x-icon" href="http://www.jwplayer.com/wp-content/themes/jwplayer-105/favicon.ico">
    <script type='text/javascript' src='http://p.jwpcdn.com/6/8/jwplayer.js'></script>
    <style type="text/css">
      body { 
        margin: 0; padding: 0 
    }
    </style>
</head>
<body>
<div id="container"></div>
<script>
jwplayer("container").setup({
    file: "rtmp://fms.12E5.edgecastcdn.net/0012E5/videos/Qvxp3Jnv-68183.flv",
    //file: "rtmp://fml.12E5.edgecastcdn.net/3012E5/tuxcast",
    image: "http://s.jwpcdn.com/thumbs/RxiqSWej-640.jpg"
});
jwplayer().onError(function(){
    jwplayer().load({file:"http://content.jwplatform.com/videos/7RtXk3vl-52qL9xLP.mp4",image:"http://content.jwplatform.com/thumbs/7RtXk3vl-480.jpg"});
    jwplayer().play();
});
jwplayer().onComplete(function(){
    window.location = window.location.href;
});
jwplayer().onBuffer(function(){
    theTimeout = setTimeout(function(){
        jwplayer().load({file:"http://content.jwplatform.com/videos/7RtXk3vl-52qL9xLP.mp4",image:"http://content.jwplatform.com/thumbs/7RtXk3vl-480.jpg"});
        jwplayer().play();
    },5000);
});
jwplayer().onPlay(function(){
    clearTimeout(theTimeout);
});
</script>
</body>
</html>

关于javascript - 使用 jwplayer 备份流媒体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23673172/

相关文章:

javascript - 如何在 JW Player 中显示带有播放列表的 "Previous"按钮?

javascript - 完成一个步骤后在结帐处打勾

javascript - Angular UI-Router 带有空的 ui-sref 并加载一次

javascript - 将数据数组从 Controller 传递到自定义指令?

javascript - 防止点击无功能

.htaccess - 在 drupal 7 中更改 CDN 中的视频内容类型(mime 类型)

javascript - 如何添加安全性以便模式窗口不会从浏览器的 html 代码中删除?

javascript - 更改 url 深度与 TinyMCE 图像插入

html - 如何CSS一个两列的元素列表?

php - 如何从用户上传到我的服务器的视频中获取缩略图?