react-tcplayer/src/playerTest.js

react-tcplayer

import React, { useState } from 'react';
import ReactTcplayer from './reactTcplayer';

export default (props) => {
  const [src, setSrc] = useState('rtmp://58.200.131.2:1935/livetv/sctv');
  const [value, setValue] = useState(src);

  return (
    <div>
      <div style={{ width: '400px', height: '300px' }}>
        <ReactTcplayer src={src} />
      </div>
      <div style={{ margin: 20 }}>
        <input value={value} onChange={(e) => setValue(e.target.value)} />
        <button onClick={() => setSrc(value)}>播放</button>
      </div>
    </div>
  );
};