阿里云直播

最新推荐文章于 2023-07-05 14:58:40 发布

轶马当先

最新推荐文章于 2023-07-05 14:58:40 发布

阅读量879

点赞数

分类专栏：前端开发文章标签：直播

本文链接：https://blog.csdn.net/zhuomox/article/details/78653357

版权

前端开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

播放封面图片需要处理跨域问题

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="http://g.alicdn.com/de/prismplayer/2.3.5/skins/default/aliplayer-min.css">
<script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.3.5/aliplayer-min.js"></script>
</head>
<body>
<div id="J_prismPlayer" class="prism-player"></div>
<script>
var player = new Aliplayer({
id: "J_prismPlayer",
autoplay: false,
isLive: true,
playsinline:true,
width:"100%",
height:"400px",
controlBarVisibility:"always",
useH5Prism:false,
useFlashPrism:true,
source:"rtmp://live.hkstv.hk.lxdns.com/live/hks",
cover:"http://lix.jjqf.dev/images/beautiful-girl.png",
skinLayout:[
{"name":"bigPlayButton","align":"cc"},

{"name":"controlBar","align":"blabs","x":0,"y":0,"children":[
{"name":"liveDisplay","align":"tl","x":15,"y":26},
{"name":"playButton","align":"tl","x":15,"y":26},
{"name":"fullScreenButton","align":"tr","x":20,"y":25}
]}

,{"name":"H5Loading","align":"cc"}
,{"name":"errorDisplay","align":"tlabs","x":0,"y":0}
,{"name":"infoDisplay","align":"cc"}
]
},
function(player)
{
console.log("播放器创建了。");
}
);
</script>
</body>

</html>

这个直播存在的bug是当暂停之后再次播放是从上次暂停的位置开始播放，不是最新时间播放