2023-12-09 21:39:10 +00:00
|
|
|
declare const cast: any;
|
|
|
|
|
|
|
|
import { useEffect, useState } from 'react';
|
|
|
|
|
|
|
|
type Receiver = {
|
|
|
|
cast: typeof cast;
|
|
|
|
};
|
|
|
|
|
|
|
|
const load = (() => {
|
|
|
|
let promise: Promise<Receiver> | null = null;
|
|
|
|
|
|
|
|
return () => {
|
|
|
|
if (promise === null) {
|
|
|
|
promise = new Promise((resolve) => {
|
|
|
|
const script = document.createElement('script');
|
|
|
|
script.src =
|
|
|
|
'https://www.gstatic.com/cast/sdk/libs/caf_receiver/v3/cast_receiver_framework.js';
|
|
|
|
|
2023-12-09 21:51:56 +00:00
|
|
|
script.addEventListener('load', () => {
|
|
|
|
resolve({
|
|
|
|
cast,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2023-12-09 21:39:10 +00:00
|
|
|
document.body.appendChild(script);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
return promise;
|
|
|
|
};
|
|
|
|
})();
|
|
|
|
|
|
|
|
export const useCastReceiver = () => {
|
|
|
|
const [receiver, setReceiver] = useState<Receiver | null>({
|
|
|
|
cast: null,
|
|
|
|
});
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
load().then((receiver) => {
|
|
|
|
setReceiver(receiver);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
return receiver;
|
|
|
|
};
|