app直播源码,edusoho直播回放增加进度条
app直播源码,edusoho直播回放增加进度条
1 | var skinLayoutchildren = [];<br> if (this.liveInfo.is_play){<br> skinLayoutchildren = [<br> {name: "liveDisplay" , align: "tlabs" , x: 15, y:6},<br> {name: "fullScreenButton" , align: "tr" , x:10, y: 10},<br> {name: "subtitle" , align: "tr" ,x:15, y:12},<br> {name: "volume" , align: "tr" , x:5, y:10}<br> ];<br> } else {<br> skinLayoutchildren = [<br> {name: "progress" ,align: "blabs" , x: 0,y: 44},<br> {name: "playButton" ,align: "tl" ,x: 15,y: 12},<br> {name: "timeDisplay" ,align: "tl" ,x: 10,y: 7},<br> {name: "setting" ,align: "tr" ,x: 15,y: 12},<br> {name: "fullScreenButton" , align: "tr" , x:10, y: 10},<br> {name: "subtitle" , align: "tr" ,x:15, y:12},<br> {name: "volume" , align: "tr" , x:5, y:10}<br> ];<br> }<br> this.player = new Aliplayer({<br> id: 'J_prismPlayer' ,<br> width: '100%' ,<br> height: '4.22rem' ,<br> autoplay:false,<br> isLive:this.liveInfo.is_play ? true : false,<br> source : this.PullUrl,<br> skinLayout: [<br> {name: "bigPlayButton" , align: "blabs" , x: 30, y: 80},<br> {name: "errorDisplay" , align: "tlabs" , x: 0, y: 0},<br> {name: "infoDisplay" , align: "cc" },<br> {<br> name: "controlBar" , align: "blabs" , x: 0, y: 0,<br> children:skinLayoutchildren<br> }<br> ]<br> }, function (player){<br> console.log( '播放器创建好了。' )<br> });<br> this.bindEvevt(); |
以上就是app直播源码,edusoho直播回放增加进度条, 更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
2021-11-24 小视频app源码,动态毛玻璃背景的简单实现
2021-11-24 短视频商城源码,首页轮播图布局管理
2021-11-24 直播系统源码,图片一直滚动,循环滚动,竖向和横向