Я пытаюсь включить трансляцию chrome в приложении с помощью Create React App. Я добавил кнопку, чтобы просто попробовать реализацию кастинга.
На index.html
Я загружаю фреймворк и жду, пока он загрузится, прежде чем нажимать кнопку литья (справлюсь с этим лучше, как только я его получу работает)
<script src="//www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
My App.js
:
const initializeCastApi = () => {
cast.framework.CastContext.getInstance().setOptions({
receiverApplicationId: window['chrome'].cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,
autoJoinPolicy: window['chrome'].cast.AutoJoinPolicy.ORIGIN_SCOPED
});
};
const handleCasting = () => {
// initiate session
cast.framework.CastContext.getInstance().requestSession()
.then(()=>{console.log('rest')})
.catch((err)=> console.error('error', {err}))
};
useEffect(() => {
const loadCastInterval = setInterval(function(){
if (window['chrome'].cast.isAvailable) {
console.log('Cast has loaded.');
clearInterval(loadCastInterval);
initializeCastApi();
} else {
console.log('Unavailable');
}
}, 1000);
});
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<button id="castMe" onClick={handleCasting}>Click to cast </button>
</header>
</div>
);
Для начала я хотел показать меню параметров трансляции при нажатии кнопки, а затем продолжить реализацию . Однако я застрял на этом этапе, когда я нажимаю кнопку трансляции, я получаю меню с сообщением о неподдерживаемом источнике и зарегистрированной ошибкой session_error
:
![enter image description here](https://i.stack.imgur.com/QJuwr.png)
I tried using ngrok to try it through https, but the same. I also tried the sample apps on codelabs by google(https://codelabs.developers.google.com/codelabs/cast-videos-chrome/#0 ), запустив его по мере необходимости, но получая ту же ошибку SESSION_ERROR без другой информации. (Я начал думать, что проблема в телевизоре, но я смог транслировать youtube на телевизор в гостиной).
Я видел другие SO-вопросы, которые казались связанными, но не нашел ничего полезного. Любые идеи, в чем может быть проблема или как сделать это sh вперед?
Изменить: это работало с внешним устройством Chromecast, мне нужно сделать что-то по-другому для встроенного Chromecast в android Телевизор