UNPKG

@nicecode/player

Version:
64 lines (50 loc) 1.27 kB
### 安装相关依赖 ```js npm install @nicecode/vplayer --save ``` ### 使用效果 #### 视频播放器 ```jsx import React, { useEffect, useRef } from 'react'; import { Vplayer } from '@nicecode/player'; export default () => { const vRef = useRef(null); useEffect(() => {}, []); return ( <Vplayer ref={vRef} config={{ poster: '//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg', url: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-360p.mp4', }} /> ); }; ``` #### 音乐播放器 ```jsx import React, { useEffect, useRef } from 'react'; import { Aplayer } from '@nicecode/player'; export default () => { const playerRef = useRef(); return ( <div> <Aplayer config={{ url: [ { src: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/music/audio.mp3', name: '林宥嘉·脆弱一分钟', poster: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/music/poster-small.jpeg', }, ], }} /> </div> ); }; ``` ### 参考文档 https://v2.h5player.bytedance.com/