直播系统源代码,uniapp实现禁止video拖拽快进
直播系统源代码,uniapp实现禁止video拖拽快进
1 | <!--1.video标签--><br><video id= "myVideo" @timeupdate= "videoFun" :src= "videourl" initial-time= "initial_time" ><br><script><br>export default {<br>data() {<br> //2.data数据部分<br>return {<br>videourl: "https://vd3.bdstatic.com/mda-me38qw5ayq6m5x6k/sc/cae_h264/1620080580731464743/mda-me38qw5ayq6m5x6k.mp4?v_from_s=hkapp-haokan-nanjing&auth_key=1654941744-0-0-e46a5e5c83b069fcaf54124cd256af20&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=1944747745&vid=1074518001243819841&abtest=102599_2-102777_6-102784_1-17451_1-3000225_3-3000232_1&klogid=1944747745",<br>video_real_time: 0, //实时播放进度<br>nitial_time: '', //视频跳转进度 秒<br>}<br>},<br>onLoad(option) {<br>//3.onload部分<br>this.initial_time = '0' //视频进度<br>},<br>methods: {<br>//4.方法部分<br>videoFun(e){<br>var isReady = 1; // 是否开启可以视频快进 1 禁止开启<br>//跳转到指定播放位置 initial-time 时间为秒<br>let that = this;<br>//播放的总时长<br>var duration = e.detail.duration<br>//实时播放进度 秒数<br>var currentTime = parseInt(e.detail.currentTime)<br>//当前视频进度<br>// console.log("视频播放到第" + currentTime + "秒")//查看正在播放时间,以秒为单位<br>if (that.video_real_time == 0) {<br>var jump_time = parseInt(that.initial_time) + parseInt(that.video_real_time)<br>} else {<br>var jump_time = parseInt(that.video_real_time)<br>}<br>if (isReady == 1) {<br>if (currentTime > jump_time && currentTime - jump_time > 3) {<br>let videoContext = wx.createVideoContext('myVideo')<br>videoContext.seek(that.video_real_time)<br>wx.showToast({<br>title: '未完整看完该视频,不能快进',<br>icon: 'none',<br>duration: 2000,<br>})<br>}<br>}<br>that.video_real_time = currentTime //实时播放进度<br>}<br>}<br>}<br></script> |
以上就是 直播系统源代码,uniapp实现禁止video拖拽快进,更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
2021-08-04 小视频app源码,android button按钮圆角加边框点击效果显示
2021-08-04 短视频直播系统,Java生成固定长度的随机字符串
2021-08-04 短视频软件开发,图像颜色渐变和颜色覆盖