快速开始
更新时间：2025-04-01
创建播放器
播放器控件为 bd-player，仅允许在 nvue 中声明使用。播放器为纯播放器无状态栏皮肤，开发者可自行添加。可参考demo。
<template>
<bd-player ref="bdplayerContainer" class="vod-player"
:file="defaultConfig.file"
:iosAppId="defaultConfig.iosAppId"
:androidAppId="defaultConfig.androidAppId"
:bundleId="defaultConfig.bundleId"
@onPlayStatus="onPlayStatus"
@onVideoSizeChanged="onVideoSizeChanged"
@onBufferingUpdate="onBufferingUpdate"
@onPlayError="onPlayError"
@onLevelUpdate="onLevelUpdate">
</bd-player>
</template>
自定义属性
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初始化播放器
this.$refs.bdplayerContainer.setUp(playConfig) playConfig初始化配置参数详细说明如下表所示：
| 参数 | 是否必填 | 类型 | 默认值 | 说明 |
|---|---|---|---|---|
| file | 是 | String | 无 | 播放链接 |
| loop | 否 | Boolean | false | 是否开启循环播放 |
| token | 否 | String | 无 | 播放drm token加密必传参数 |
| initPlayPosition | 否 | Number | 无 | 设置播放开始时间，单位为秒 |
播放控制
// 开始播放或者继续播放均使用start接口。
this.$refs.bdplayerContainer.start();
// 暂停
this.$refs.bdplayerContainer.pause();
// seek到某个时间点，跳转到当前音视频播放的时间，单位秒，必须大于等于 0
this.$refs.bdplayerContainer.seekTo({
seconds: time
});
// 释放后，重新播放需创建新的player。
this.$refs.bdplayerContainer.stop();