资料下载
您当前位置: 首页 > 资料下载 > 共享网课 > 正文 共享网课

1

发布部门: 发布时间: 2020-06-15 08:56 浏览次数:

import * as React from 'react'; import { Button, Input, Row, Col } from 'react-x-component'; import flv from 'flv.js'; const { useState, useEffect } = React; interface LiveDemoProps {    defaultUrl?: string,    onUrlChange?: Function } export default function LiveDemo({ defaultUrl = 'http://192.168.6.153:8000/live/livestream.flv', onUrlChange }: LiveDemoProps) {    let player = null;    let playerDom = null;        const [liveUrl, setLiveUrl] = useState(defaultUrl);        useEffect(() => {        if (flv.isSupported) {            player = flv.createPlayer({                type: 'flv',                isLive: true,                hasAudio: false,                hasVideo: true,                url: liveUrl,                cors: true            }, {                enableWorker: false,                lazyLoadMaxDuration: 3 * 60,                seekType: 'range'            });            player.attachMediaElement(playerDom);            player.load();            } else {            console.log('Your browser is not support flv.js');        }    }, []);        function updatePlayer() {        if (player) {            player.unload();            player.detachMediaElement();            player.destroy();            player = null;        }            player = flv.createPlayer({            type: 'flv',            isLive: true,            hasAudio: false,            hasVideo: true,            url: liveUrl,            cors: true        }, {            enableWorker: false,            lazyLoadMaxDuration: 3 * 60,            seekType: 'range'        });        player.attachMediaElement(playerDom);        player.load();    }        return (

{                                setLiveUrl(value);                            }}                        />

); }