Installation

NPlayer can be installed using the following commands via npm or yarn.

npm i -S nplayer

或者使用 yarn。

yarn add nplayer

然后只需要在代码中引入 NPlayer 就行了。

import Player from 'nplayer'

const player = new Player()

player.mount('#app')

无需导入 NPlayer 的样式文件，NPlayer 的样式文件包含在 NPlayer 的 js 文件中，在运行时会自动将样式插入 head 中。

CDN

还可以通过 CDN 来安装，只需要要一个链接就可以将 NPlayer 引入。

<script src="https://unpkg.com/nplayer@latest/dist/index.min.js"></script>

或者选择使用 jsDELIVR CDN。

<script src="https://cdn.jsdelivr.net/npm/nplayer@latest/dist/index.min.js"></script>

同样，使用 CDN 的方式，也无需引入 NPlayer 的样式文件。

info

NPlayer 使用的 umd 格式，所以在没使用 amd 或 commonjs 时，可以通过 window.NPlayer 访问到。

在引入 CDN 链接后就可以使用了。

const player = new NPlayer.Player()

player.mount('#app')

caution

在通过 CDN 的方式使用时，Player 类是在 NPlayer 对象的 Player 属性上。需要 new NPlayer.Player() 而不是 new NPlayer()。