django 中嵌入网页播放直播的m3u8视频流

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/kaikai136412162/article/details/79994244

经过很长一段时间的研究,终于将ckplayer播放器嵌入到自己的Django项目中

不多说直接上代码:

1.首先下载ckplay 本人已经将所用到的源码传至码云点击下载 


2.以下是HTML的源码

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>ckplayer</title>
		<script type="text/javascript" src="ckplayer/ckplayer.js"></script>
		<style type="text/css">body{margin:0;padding:0px;font-family:"Microsoft YaHei",YaHei,"微软雅黑",SimHei,"黑体";font-size:14px}</style>

	</head>

	<body>
		<div id="video" style="width: 600px; height: 400px;"></div>
		<script type="text/javascript">
			var videoObject = {
				container: '#video', //容器的ID或className
				variable: 'player',//播放函数名称
				flashplayer:true,
				poster:'material/poster.jpg',//封面图片
				video: [//视频地址列表形式在这个地方传入自己的视频流地址
					['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
					['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
					['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
					['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
				]
			};
			var player = new ckplayer(videoObject);
		</script>
	</body>

</html>

其中在标红的地方进行传入自己的视频地址

3.将下载的文件中的ckplayer文件夹中的所有文件全部拷贝到自己的Django中静态文件中

4.配置好路由 和视图函数

5.进行访问


大功告成,一切齐活











展开阅读全文

没有更多推荐了,返回首页