vue2.0+vue-dplayer实现hls播放的示例

发布时间：2020-12-17 02:32:56 所属栏目：百科来源：网络整理

导读：起因之前写了一篇《》，里边有提到在用vue-video-player之前，我尝试着使用vue-dplayer实现hls播放，但是当时时间紧迫，还没有完成,就换方案了。现在抽时间把它补齐吧。开始安装依赖编写组件HelloWorld.vue 引入hls.js 本来是使用import引入，可是执行

起因

之前写了一篇《》，里边有提到在用vue-video-player之前，我尝试着使用vue-dplayer实现hls播放，但是当时时间紧迫，还没有完成,就换方案了。现在抽时间把它补齐吧。

开始

安装依赖

编写组件HelloWorld.vue

引入hls.js

本来是使用import引入，可是执行报错。所以就先在index.html内用script标签引入进来。

vue-dplayer-hls

在原组件（HelloWorld.vue）内import新组件

实现播放

这里写图片描述

最后

github地址:

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!