如何解决ReactJS chrome cast 集成到视频标签
如何管理正在流式传输 aws IVS 频道的 HTML5 视频标签的 chromecast。我已设法将频道流式传输到视频标签中,但无论如何它都无法处理 chromecasting。
function App(props) {
const divel = useRef(null);
const videoEl = useRef(null);
useEffect(() => {
const script = document.createElement('script');
script.src = 'https://player.live-video.net/1.0.0/amazon-ivs-player.min.js';
script.async = true;
document.body.appendChild(script);
script.onload = () => {
if (IVSPlayer.isPlayerSupported) {
const player = IVSPlayer.create();
player.attachHTMLVideoElement(document.getElementById('video-player'));
player.load(STREAMING_URL);
player.play();
player.chromecasting() // it is throwing the error.
}
}
return () => {
document.body.removeChild(script);
}
},[])
return (
<React.Fragment>
<div ref={divel} className="video-streaming">
<video id="video-player" x-webkit-airplay="allow"
ref={videoEl} controls>
</video>
</div>
</React.Fragment>
);
}
export default App;
我已经尝试过这个 npm package,但它是用于 video.js,所以在这种情况下它不会工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。