subhajit.pal/sls
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: force autoplay in browser

Browse Source
This commit is contained in:
kushal.saha 2026-08-13 13:35:48 +00:00
parent be8640c552
commit be7f7345b5
2 changed files with 43 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
resources/js/candidate-room.js
View File

@ -602,14 +602,18 @@ export function getCandidatePeerId() {
: ('cand_' + interviewId); : ('cand_' + interviewId);
} }
export async function initCandidatePeer() { export async function initCandidatePeer(force = false) {
const interviewId = document.body.dataset.interviewId; const interviewId = document.body.dataset.interviewId;
const candName = document.body.dataset.candidateName || 'Candidate'; const candName = document.body.dataset.candidateName || 'Candidate';
if (!interviewId || typeof window.Peer === 'undefined') return; if (!interviewId || typeof window.Peer === 'undefined') return;
if (!force && candidatePeerInstance && !candidatePeerInstance.destroyed && candidatePeerInstance.open) {
return candidatePeerInstance;
}
const iceServers = await initMeteredIceServers(); const iceServers = await initMeteredIceServers();
const peerId = getCandidatePeerId(); const peerId = getCandidatePeerId();
if (candidatePeerInstance) { if (candidatePeerInstance && !candidatePeerInstance.destroyed) {
try { candidatePeerInstance.destroy(); } catch(e) {} try { candidatePeerInstance.destroy(); } catch(e) {}
} }
@ -750,7 +754,18 @@ export function sendCandidatePeerHeartbeat(action = 'heartbeat') {
const isMicOn = isTrueVal(p.mic_on); const isMicOn = isTrueVal(p.mic_on);
const isCamOn = isTrueVal(p.cam_on); const isCamOn = isTrueVal(p.cam_on);
addOrUpdateCandidateInterviewerTile(p.peer_id, existingStream, nameLabel, isMicOn, isCamOn); if (!existingStream && candidateLocalStream && candidatePeerInstance && candidatePeerInstance.open && !p.peer_id.startsWith('cand_')) {
try {
const outCall = candidatePeerInstance.call(p.peer_id, candidateLocalStream);
if (outCall) {
outCall.on('stream', remoteStream => {
addOrUpdateCandidateInterviewerTile(p.peer_id, remoteStream, nameLabel, isMicOn, isCamOn);
});
}
} catch(e) {}
} else {
addOrUpdateCandidateInterviewerTile(p.peer_id, existingStream, nameLabel, isMicOn, isCamOn);
}
} }
}); });
} }

26
resources/js/interview-call.js
View File

@ -781,7 +781,20 @@ export function pollReviewData() {
const isMicOn = isTrueVal(p.mic_on); const isMicOn = isTrueVal(p.mic_on);
const isCamOn = isTrueVal(p.cam_on); const isCamOn = isTrueVal(p.cam_on);
if (p.peer_id.startsWith('interviewer_')) { const isCandPeer = p.role === 'candidate' || (p.peer_id && (p.peer_id === candPeerId || (p.peer_id.startsWith('cand_') && !p.peer_id.startsWith('cand_screen_'))));
if (isCandPeer) {
if (interviewerLocalStream && interviewerPeer && interviewerPeer.open && !candidateStreamConnected) {
try {
const outCall = interviewerPeer.call(p.peer_id, interviewerLocalStream);
if (outCall) {
outCall.on('stream', remoteStream => {
if (candVid) safePlayMediaStream(candVid, remoteStream);
updateCandidateStatusIcons(isMicOn, isCamOn, true);
});
}
} catch(e) {}
}
} else if (p.peer_id.startsWith('interviewer_')) {
if (interviewerLocalStream && interviewerPeer && interviewerPeer.open) { if (interviewerLocalStream && interviewerPeer && interviewerPeer.open) {
if (!panelistMeshTiles.has(p.peer_id)) { if (!panelistMeshTiles.has(p.peer_id)) {
try { try {
@ -1321,6 +1334,17 @@ export function safePlayMediaStream(videoElem, stream, isSelf = false) {
videoElem.onloadedmetadata = () => { videoElem.onloadedmetadata = () => {
videoElem.play().catch(() => {}); videoElem.play().catch(() => {});
}; };
if (!isSelf) {
videoElem.muted = true;
videoElem.play().catch(() => {});
const unmuteHandler = () => {
videoElem.muted = false;
videoElem.play().catch(() => {});
};
window.addEventListener('click', unmuteHandler, { once: true });
window.addEventListener('keydown', unmuteHandler, { once: true });
window.addEventListener('touchstart', unmuteHandler, { once: true });
}
} }
}); });
} }