前端视频控件文档

本视频控件是npm库中的一个控件，控件源码地址：https://www.npmjs.com/package...。由于该控件使用比较简单，没有太多复杂的按钮，只能实时播放摄像头画面，适合项目需求，所以选择该控件作为视频播放控件。总体思路：现在把这个控件的代码封装成一个组件，方便全局实时调用。这个控件可以通过不同的id名被多次调用，所以在父组件中定义不同的id名和视频url来给组件传递参数。【与原代码相比的修改】代码缺点：初始代码加载前需要提供对应的视频url，后期无法通过修改url调出该url。为了通过后台请求获取对应的url，我使用了xuex数据池存储值，先加载请求获取对应的url，然后调用组件。（可以通过调用组件引用，调用构建时传入url即可）组件代码：首先在控制台安装组件：npmihls.js父组件中的代码为：importvideofrom'../components/video.vue';//引用组件exportdefault{data(){return{videoValue0:'video0',//定义组件idurl0:1,//定义下标值videoValue1:'video1',url1:0}},components:{'videotp':video//为组件定义一个标签}}引用via标签：使用方法：通过上面的代码定义子组件，在父组件中添加相应的代码即可直接使用。以上组件代码就是使用方法。由于代码还在完善中，如果有更好的优化方案，会在后面更新。