rc-liveplayer

基于 LivePlayer H5播放器 | 青柿视频流媒体服务解决方案 (liveqing.com)的 react封装

安装

npm install rc-liveplayer @liveqing/liveplayer

使用

注册 vite插件

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import { livePlayer } from 'rc-liveplayer/vite-plugin'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(), livePlayer()],
})

如果通过 script标签引入了@liveqing/liveplayer就不用注册 vite插件了

import { LivePlayer } from 'rc-liveplayer'

function App() {
  return <LivePlayer poster="http://xxxxxx" video-url="http://xxxxxx" style={{ width: '100%', height: '100%' }} />
}

详细参数看官方文档