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

最新推荐文章于 2024-08-22 00:37:41 发布

开开136

最新推荐文章于 2024-08-22 00:37:41 发布

阅读量9.2k

点赞数

分类专栏： django框架

本文链接：https://blog.csdn.net/kaikai136412162/article/details/79994244

版权

django框架专栏收录该内容

27 篇文章 0 订阅

订阅专栏

经过很长一段时间的研究，终于将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.进行访问