reactjs - ReactJS chrome cast 集成到视频标签中
问题描述
如何管理正在流式传输 aws IVS 频道的 HTML5 视频标签的 chromecasting。我已经设法将频道流式传输到视频标签中,但它没有处理 chromecasting anyhomw。
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 包,但它适用于 video.js,所以它在这种情况下不起作用。
解决方案
推荐阅读
- python - 有没有办法根据某人是否按下按钮(tkinter)来做出条件陈述
- java - SharedPreference 安卓工作室
- html - Beautiful Soup 找不到网页上存在的类
- javascript - 从 JavaScript 中的字符串中删除除 @ 符号之外的所有特殊字符
- java - 运行“Tomcat”时出错:地址 localhost:1099 已在使用中。为什么?
- java - 数据验证下拉列表 - 如何禁止空值?
- go - 如何在没有所有这些级联错误圣诞树的情况下编写干净的代码?
- java - 检查 MySQL 表是否包含值?
- php - PHP Curl Web Scraping 不返回 HTML
- mongodb - 如果字段存在必须为真,但如果不存在则必须像真一样通过