直播系统源代码,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拖拽快进,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(45)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2021-08-04 小视频app源码,android button按钮圆角加边框点击效果显示
2021-08-04 短视频直播系统,Java生成固定长度的随机字符串
2021-08-04 短视频软件开发,图像颜色渐变和颜色覆盖
点击右上角即可分享
微信分享提示