<!DOCTYPE HTML>
<html>
<head>
<title>liveplayer</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
<script type="text/javascript" src="liveplayer-element.min.js"></script>
<script type="text/javascript">
window.onload = function() {
}
window.addEventListener("message", function(event) {
var data = event.data;
switch (data.cmd) {
case 'switchUrl':
// 处理业务逻辑
console.log("收到消息:"+JSON.stringify(data.params));
var player = document.getElementById('player01');
player.setAttribute("video-url",data.params["path"]);
if(data.params['live'])
{
player.setAttribute('live',true);
}
else
{
player.setAttribute('live',false);
}
break;
}
});
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return (false);
}
</script>
</head>
<body>
<live-player id="player01" live="true" stretch="true" show-custom-button="false" autoplay>
</live-player>
<script>
var videoPath = decodeURIComponent(getQueryVariable("url"));
console.log('播放地址:' + videoPath);
var player = document.getElementById('player01');
player.setAttribute("video-url", videoPath);
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
基于ZLMediaKit主线的管理WEB网站
共27个文件
png:7个
js:7个
vue:4个
7 下载量 126 浏览量
2023-07-03
08:33:02
上传
评论
收藏 1.61MB ZIP 举报
温馨提示
基于ZLMediaKit主线的管理WEB网站。新增录像回看功能。解决媒体流关闭不彻底的问题。拉流更改为ws 。本次更新了前段ui框架版本,解决弹窗概率性卡死界面的问题,需要重新执行 npm install
资源推荐
资源详情
资源评论
收起资源包目录
MediaServerUI-master.zip (27个子文件)
MediaServerUI-master
babel.config.js 53B
src
App.vue 1KB
assets
logo.png 7KB
loading.png 3KB
play.png 546B
main.js 518B
components
HelloWorld.vue 2KB
control.vue 9KB
videoList.vue 11KB
router
index.js 394B
screenshot
videoList.png 94KB
videoPlayer.png 836KB
index.png 72KB
videoHistory.png 152KB
LICENSE 1KB
package.json 547B
public
favicon.ico 4KB
index.html 551B
video
video.html 2KB
crossdomain.xml 120B
liveplayer.swf 73KB
liveplayer-element.min.js 1.29MB
package-lock.json 370KB
vue.config.js 458B
.gitignore 414B
global.js 326B
postcss.config.js 59B
共 27 条
- 1
资源评论
Java程序员-张凯
- 粉丝: 1w+
- 资源: 7450
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于微信的垃圾分类小程序springboot.zip
- stm32驱动摄像头ov7670源程序
- 微信小程序评分小程序ssm.zip
- 基于微信小程序的在线学习系统springboot.zip
- 基于微信小程序的汽车销售系统的设计与实现springboot.zip
- 球馆预约系统ssm.zip
- 基于java的餐厅点餐系统微信小程序ssm.zip
- 基于微信小程序的走失人员的报备平台设计ssm.zip
- 基于微信小程序的社区门诊管理系统php.zip
- 基于微信小程序的新生报到系统的设计与实现ssm.zip
- 学生资助在线管理软件开发微信小程序ssm.zip
- 圣诞树html网页代码.zip
- unity 微信小游戏 文本内容检测
- 基于libos架构的操作系统核心库及构建工具
- springboot项目快速实现国际化 若依前后端分离版-快速国际化集成
- AigcPanel 是一个简单易用的一站式AI数字人系统,支持视频合成、声音合成、声音克隆,简化本地模型管理、一键导入和使用AI模型
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功