简介
byted-player-service 是一个基于字节跳动播放器的视频上传、转码、加密、解密、播放等服务的封装包。 提供了一整套视频处理的解决方案,减少了前端开发人员在上传、转码等环节上的工作量。使用 byted-player-service,可以快速地对视频进行处理并且能够快速地在网页中播放。
安装
通过 npm 或者 yarn 安装 byted-player-service:
npm install byted-player-service --save # 或者 yarn add byted-player-service
使用
- 导入 byted-player-service
import { upload, transcode, encrypt, decrypt, play } from 'byted-player-service';
- 上传视频
通过 upload 函数,可以将视频上传到指定的服务器。
upload(url, file, options)
其中:
- url:必传参数,指定文件上传的地址。
- file:必传参数,上传的文件。
- options:可选参数,指定上传的其他配置信息。包括如下:
{ headers, // 上传请求的 headers onUploadProgress, // 监听文件上传进度的回调函数 name, // 上传文件的字段参数名,默认为 file params, // 上传请求的其他参数 }
- 转码视频
通过 transcode 函数,可以将视频进行转码。
transcode(url, options)
其中:
- url:必传参数,指定转码接口的地址。
- options:可选参数,指定转码的其他配置信息。包括如下:
-- -------------------- ---- ------- - ---- -- -------- ------- -- ------------- ----- -- ---- -------- -- --- ---- -- -- --------- -- ---- -------------------- -- ------------- -
- 加密视频
通过 encrypt 函数,可以将视频进行加密。
encrypt(url, options)
其中:
- url:必传参数,指定加密接口的地址。
- options:可选参数,指定加密的其他配置信息。包括如下:
{ src, // 待加密的文件地址 key, // 加密的 key iv, // 加密的 iv onEncryptProgress, // 监听视频加密进度的回调函数 }
- 解密视频
通过 decrypt 函数,可以将视频进行解密。
decrypt(url, options)
其中:
- url:必传参数,指定解密接口的地址。
- options:可选参数,指定解密的其他配置信息。包括如下:
{ src, // 待解密的文件地址 key, // 解密的 key iv, // 解密的 iv onDecryptProgress, // 监听视频解密进度的回调函数 }
- 播放视频
通过 play 函数,可以将视频进行播放。
play(url, options)
其中:
- url:必传参数,指定播放视频的地址。
- options:可选参数,指定播放视频的其他配置信息。包括如下:
{ controls, // 是否显示控制面板 autoplay, // 是否自动播放 }
示例代码
-- -------------------- ---- ------- ------ - ------- ---------- -------- -------- ---- - ---- ----------------------- ----- -------- ------------------ - -- ---- ----- --------- - ---------------------------------- ----- ------------ - ----- ----------------- ----- - -------- --- ----------------- ------------- -- - -- ------ -- ----- ------- ------- -- --- -- ---- ----- ------------ - ---------------------------------------- ----- --------------- - ----- ----------------------- - ---- ----------------- ------- ------ ----- ----------- -------- ----- ---- --- --------- --- -------------------- ------------- -- - -- ------ - --- -- ---- ----- ---------- - ------------------------------------ ----- ------------- - ----- ------------------- - ---- -------------------- ---- ------------------- --- ------------------- ------------------ ------------- -- - -- ------ - --- -- ---- ----- ---------- - ------------------------------------ ----- ------------- - ----- ------------------- - ---- ------------------ ---- ------------------- --- ------------------- ------------------ ------------- -- - -- ------ - --- -- ---- ----- ------- - ------------------ ------------- - --------- ----- --------- ----- --- -
总结
通过 byted-player-service,我们可以快速地处理视频并且在网页中播放。它减少了前端开发人员在视频处理方面的工作量,让开发人员可以更加专注于业务逻辑的开发上。同时,它也提供了一整套视频处理的解决方案,帮助开发人员更好地处理视频。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065f76238a385564ab68d0