快速开始
更新时间：2025-04-01
创建播放器
播放器控件为 bd-player，仅允许在 nvue 中声明使用。播放器为纯播放器无状态栏皮肤，开发者可自行添加。可参考demo。
Plain Text
1 <template>
2 <bd-player ref="bdplayerContainer" class="vod-player"
3 :file="defaultConfig.file"
4 :iosAppId="defaultConfig.iosAppId"
5 :androidAppId="defaultConfig.androidAppId"
6 :bundleId="defaultConfig.bundleId"
7 @onPlayStatus="onPlayStatus"
8 @onVideoSizeChanged="onVideoSizeChanged"
9 @onBufferingUpdate="onBufferingUpdate"
10 @onPlayError="onPlayError"
11 @onLevelUpdate="onLevelUpdate">
12 </bd-player>
13 </template>
14 自定义属性
file
- 类型：string
- 描述：播放url，ios端必须设置。
iosAppId
- 类型：string
- 描述：ios绑定的appId，百度智能云播放器控制台申请播放器license后对应的licenseID
androidAppId
- 类型：string
- 描述：android绑定的appId，百度智能云播放器控制台申请播放器license后对应的licenseID
bundleId
- 类型：string
- 描述：ios绑定的bundleId，百度智能云播放器控制台申请播放器license对应Bundle ID。用于license校验
调用setUp初始化播放器
Plain Text
1 this.$refs.bdplayerContainer.setUp(playConfig) playConfig初始化配置参数详细说明如下表所示：
| 参数 | 是否必填 | 类型 | 默认值 | 说明 |
|---|---|---|---|---|
| file | 是 | String | 无 | 播放链接 |
| loop | 否 | Boolean | false | 是否开启循环播放 |
| token | 否 | String | 无 | 播放drm token加密必传参数 |
| initPlayPosition | 否 | Number | 无 | 设置播放开始时间，单位为秒 |
播放控制
Plain Text
1// 开始播放或者继续播放均使用start接口。
2this.$refs.bdplayerContainer.start();
3// 暂停
4this.$refs.bdplayerContainer.pause();
5// seek到某个时间点，跳转到当前音视频播放的时间，单位秒，必须大于等于 0
6this.$refs.bdplayerContainer.seekTo({
7 seconds: time
8});
9// 释放后，重新播放需创建新的player。
10this.$refs.bdplayerContainer.stop();