Java教程

2021-10-29

本文主要是介绍2021-10-29,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

钉钉小程序video组件的使用

  • 钉钉小程序有关video视频播放器使用

钉钉小程序有关video视频播放器使用

哈喽,关于钉钉小程序官网上提供的太少了,如果你想学习钉钉小程序有关视频video的, 可以仔细阅读这篇文章,我也是在公司需要写钉钉小程序学到的写所以记录一下,巩固一下,如果有哪里不对的各位大佬请指教。

我们可以看到钉钉小程序开发文档有简单的介绍有关video组件的说明,但是并没有给出实际的例子
我们可以看到官网有介绍他的相关一些属性:
代码示例

//在.axml中
<view class="text-center">
//这些绑定的事件具体可以看官网
		<video  id="myVideo" onEnded="onEnded" onPause="onPause" onPlay="onPlay" onTimeUpdate="onTimeUpdate" controls="{{controls}}" disabled="{{disabled}}"  
		style="width:100%"  src={{VideoUrl}} enableNative="{{true}}">
		</video>
		//a:if="{{TabCur=='0'}}"他的作用是遮住他的控制台,防止在看视频时拖拽视频
		<view class="cover-view" a:if="{{TabCur=='0'}}"></view>

</view>

其中官网上也还给出创造video对象
在这里插入图片描述
我们可以用seek来进行定位,首先我们可以用currenttime记录当前事件,把他缓存到本地(调用dd.setStorage将数据存储在本地缓存)然后当再次打开页面,调用dd.getStorage获取缓存数据。然后用seek函数指定视频的初始位置,这样就可以跳转上一次的视频时间

//在js中
seek(){
   // 未学习状态
   var that=this;
       if(that.data.TabCur=='0'){
          //  获取本地储存上次时间
            var that=this;
            dd.getStorage({
              key:'currentTime',
              
                success: function(res) {
                    // dd.alert({content: '写入成功'});
                  
                  var pxjd=res.data.currentTime
                  var zsc=res.data.duration
                  // var zsc1=zsc/1000毫秒转成秒
                  var lastTime=parseInt(pxjd/1000)
                  // 跳转上次时间
                    if(lastTime!=NaN || lastTime!=0){
                      
                      console.log("跳转的时间是"+lastTime+"秒")
                      console.log("跳转的时间是"+zsc+"秒")
                      let ctx = dd.createVideoContext('myVideo');
                      ctx.seek(lastTime);
                      dd.alert({content: '您上次观看到'+lastTime+'秒'});

                    }
                  
                  }
                  
            });

       }
 
 },

暂时遇到这样的需求,如果您觉得对您有帮助别忘了一件三联,给前端的小学生带来鼓励,笔芯

这篇关于2021-10-29的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!