@bmsdave
Вадим Горбачев
команда VK calls
/*** HTML */
/*** JS */
const video = document.getElementById('video');
const button = document.getElementById('button');
function init() {
navigator.mediaDevices
.getUserMedia({audio: false, video: true})
.then((stream) => { video.srcObject = stream; })
.catch(console.error);
}
button.addEventListener('click', init);
auto* delegate = GetWebMediaPlayerDelegate();
// Prevent a frame from creating too many media players, as they are extremely
// heavy objects and a common cause of browser memory leaks. See
// crbug.com/1144736
if (delegate->web_media_player_count() >= GetMaxWebMediaPlayers()) {
blink::WebString message =
"Blocked attempt to create a WebMediaPlayer as there are too many "
"WebMediaPlayers already in existence. See crbug.com/1144736#c27";
web_frame->GenerateInterventionReport("TooManyWebMediaPlayers", message);
return nullptr;
}
// example 1
function onEnded(){
this.currentSrc = null;
this.src = "";
this.srcObject = null;
this.remove();
};
// example 2
mediaEl.remove();
mediaEl.srcObject = null;
Неизвестно когда объект WebMediaPlayer будет удален
React.useEffect(() => {
if (onShow && onHide) {
onShow(id);
const observer = new IntersectionObserver(
([entry]) => {
if (entry.isIntersecting) {
onShow(id)
} else {
onHide(id)
}
},
{
root: null,
rootMargin: '0px',
threshold: 0,
},
);
if (ref.current) { observer.observe(ref.current); }
return () => observer.disconnect();
}
}, [ref]);
React.useEffect(() => {
if (onShow && onHide) {
onShow(id);
const observer = new IntersectionObserver(
([entry]) => {
if (entry.isIntersecting) {
onShow(id)
} else {
onHide(id)
}
},
{
root: null,
rootMargin: '0px',
threshold: 0,
},
);
if (ref.current) { observer.observe(ref.current); }
return () => observer.disconnect();
}
}, [ref]);
function getOratorLayout(
participant: Participant,
cardSize: number,
cardPriority: number,
mediaType: MediaType | null = null,
): ParticipantLayout {
return {
uid: participant.id,
mediaType,
fit: Fit.COVER,
width: cardSize,
height: cardSize,
};
}
function getOratorLayout(
participant: Participant,
cardSize: number,
cardPriority: number,
mediaType: MediaType | null = null,
): ParticipantLayout {
return {
uid: participant.id,
mediaType,
fit: Fit.COVER,
width: cardSize,
height: cardSize,
};
}
Придется ждать keyframe
function getOratorLayout(
participant: Participant,
cardSize: number,
cardPriority: number,
mediaType: MediaType | null = null,
): ParticipantLayout {
return {
uid: participant.id,
mediaType,
fit: Fit.COVER,
width: cardSize,
height: cardSize,
keyFrame: true,
};
}
const dc = pc
.createDataChannel("dc");
dc.send("some string");
otherPc.addEventListener(
'datachannel',
e => {
const channel = e.channel;
channel
.onmessage = ev => {
console.log(
'received',
ev.data
);
};
}
);
