hbmdia视频相关组件

开发须知

升级版本

1. npm 登陆

终端 执行npm login 命令登陆npm
用户名： xx
密码： xx
具体信息参考公司内部开发文档，或者联系负责人添加账号
npm owner add miracle9196

2. 修改代码后，同时修改package.json 中的版本号（version字段）
3. 终端执行 npm run build 命令打包
4. 打完包之后 执行 npm publish 将最新版本推送npm
5. 发布成功后，业务系统中使用npm update hbmedia 或者 npm install hbmedia@xxx 制定版本号安装

使用步骤

插件安装

npm install --save hbmedia

插件引用

main.js中引入并全局注册
import hbmedia from 'hbmedia'
Vue.use(hbmedia)

组件列表

hbmedia 视频组件

Customize configuration

See Configuration Reference.

flvjs相关配置

this.flvPlayer = flvjs.createPlayer({
  type: "flv",
  url: 动态设置,
  fixAudioTimestampGap: true,
  muted: true,
  isLive: true, //指示数据源是否为实时流
  hasAudio: true,
  cors: true, //指示是否启用CORS进行http提取
  enableWorker: false, //启用分离的线程进行转换（暂时不稳定）
  enableStashBuffer: true, //启用IO隐藏缓冲区。如果您需要实时（最小延迟）来进行实时流播放，则设置为false，但是如果网络抖动，则可能会停顿。
  stashInitialSize: 384, //指示IO暂存缓冲区的初始大小。默认值为384KB。指出合适的尺寸可以改善视频负载/搜索时间
  autoCleanupSourceBuffer: true, //对SourceBuffer进行自动清理
  autoCleanupMaxBackwardDuration: 2 * 60,
  autoCleanupMinBackwardDuration: 1 * 60
});