vue-core-video-player-基于vue.js的视频光盘组件

发布时间：2024年11月09日 12:21

会循环系统电视当前片段

preload

string

'metadata'

'none' 透露不会先为读取片段; 'metadata' 透露只读取片段 metadata 数据部分

cover

string

上图片地址

先为览上图

案例

三重大事件3.1 基本上重大事件

VueCoreVideoPlayer遵循W3C标准规范的报导重大事件API,你可以来到MDN利用这些确实，下面罗列一些非常常用的重大事件：

play 透露当音频开始电视或者通过 play() 方法从暂停状态回复。pause 当音频停止电视的时候接踵而来。progress 当音频准备下载报导能源。loadeddata 当音频开始读取第一帧时候接踵而来。canplay 当读取足够图表可以满足基本上电视后接踵而来.。durationchange 当报导利用一定图表，并且完整的给定出有 metadata 数据。ended 当报导电视结束时候接踵而来。timeupdate 当电视的报导 currenttime 引发改变时候接踵而来。seeked 当应用程序 seek 操控完形同接踵而来。 export default {methods: {loaded () {// your code},playFunc () {// your code},pauseFunc () { // your code} // your code}}}3.2 电视错误

电视错误偶有引发，我们透过了电视错误码只需整合者或者应用程序了解一些状况.

export default {methods: {errorHandle (e) {// handle error},}}全屏效果上图效果上图四电视 HLS

HLS（HTTP Live Streaming）——基于HTTP的频码率流报导回传条款。HLS描述了两组通过互联网透过音片段客户服务的工具和程序。一个片段可以被划分形同多个片段活体，这些活体的回传位置和顺序在两组被称为电视列表的XML份文件里，该份文件以份文件可执行m3u8段落。人们可以使用接口了HLS的音频电视片段

playcore-hls 是一款 HLS 解码JaScript，只需支持 HLS 的电视。

4.1 短时间内开始$ npm install @core-player/playcore-hls ；还有secopy import VueCoreVideoPlayer from 'vue-core-video-player'import HLSCore from '@core-player/playcore-hlsVue.use(VueCoreVideoPlayer)export default {name: 'App',data () {return {HLSCore}}}

原文地址：vue-core-video-player-基于vue.js的片段音频组件 - Iron_Man-super - 博客园

。

反反复复一直拉肚子怎么办
创新国际化
养气补血
白内障
类风湿性关节炎首选药物
世界男性健康日
艾得辛有没有副作用
来氟米特片副作用
眼睛酸涩滴什么眼药水
有什么办法能治疗牙疼

上一篇：丈夫年薪50万，妻子说每月3千，直到小舅子结婚，才明白妻子自已

下一篇：给你说说腹部“小肉球”的那些事，可以抠掉吗？如何处理比较好？