基于 vue.js+xgplayer 开源音视频播放器组件

web前端进阶 06-29 962

前言：

今天小伙伴们对“js播放声音提示音”可能比较着重，朋友们都需要分析一些“js播放声音提示音”的相关文章。那么小编同时在网摘上收集了一些关于“js播放声音提示音””的相关资讯，希望朋友们能喜欢，看官们一起来了解一下吧！

今天继续给小伙伴们分享一个西瓜视频播放器Vue组件XGPlayer-Vue。

xgplayer-vue 西瓜视频播放器xgplayer的vue.js版本组件。

安装

$ npm i xgplayer-vue@latest -S

使用插件

<template>  <div class="player-wrap">    <Xgplayer :config="config" @player="Player = $event" />  </div><template><script>import Xgplayer from 'xgplayer-vue';export default {  data () {    return {      config: {        id: 'vs',        url: '/xgplayer-demo.mp4'      },      Player: null    }  },  components: {    Xgplayer  },}</script>

// 当前播放时间console.log(this.Player.currentTime)// 方法this.Player.play();this.Player.pause();this.Player.reload();// 播放事件this.Player.on('play', ()=>{console.log('play')})

更多的诸如尺寸、音量及自动播放等配置可去查看详细配置参数。

另外还支持mp4、hls、flv、dash等播放流。

ending 附上文档及项目地址链接。