vue3中实现音频播放器APlayer

前言:

        vue2的时候,分享了一个很好用的插件是vue-aplayer,但是他是不支持vue3的,这里分享vue3使用APlayer来实现一个播放器的方法。

实现效果:

官方:

        git地址:点我

        api地址:点我

实现步骤:

1、安装

npm:

npm install aplayer --save

Yarn:

yarn add aplayer

2、页面中引入

import APlayer from 'APlayer';
import 'APlayer/dist/APlayer.min.css';

3、具体使用,源代码

(1)封装 aPlayer.vue






(2)父组件调用

   

其他:

        vue3+ts+aplayer版本:点我

你可能感兴趣的:(vue3.0,音视频,vue.js,vue3)