naimi/yass
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add embed page

Browse Source
This commit is contained in:
Kibi Kelburton
2026-02-24 07:50:31 +01:00
parent 475d64c8ba
commit 5303cdaa2f
2 changed files with 56 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
public/viewer.js
View File

@@ -12,25 +12,29 @@ document.addEventListener('click', () => { hasUserInteracted = true; }, { once:
document.addEventListener('touchstart', () => { hasUserInteracted = true; }, { once: true });
// Make overlay clickable to start playback on mobile
overlay.addEventListener('click', () => {
if (remoteVideo.srcObject) {
remoteVideo.muted = false;
remoteVideo.play().then(() => {
overlay.classList.add('hidden');
remoteVideo.classList.add('active');
}).catch(e => console.error('Play failed:', e));
}
});
if (overlay) {
overlay.addEventListener('click', () => {
if (remoteVideo.srcObject) {
remoteVideo.muted = false;
remoteVideo.play().then(() => {
overlay.classList.add('hidden');
remoteVideo.classList.add('active');
}).catch(e => console.error('Play failed:', e));
}
});
}
function tryPlay() {
remoteVideo.play().then(() => {
overlay.classList.add('hidden');
if (overlay) overlay.classList.add('hidden');
remoteVideo.classList.add('active');
}).catch(() => {
// Autoplay blocked — show tap prompt
overlay.classList.remove('hidden');
overlay.querySelector('h1').innerText = 'Tap to Play';
overlay.querySelector('.status-indicator span:last-child').innerText = 'Stream ready — tap anywhere';
if (overlay) {
overlay.classList.remove('hidden');
overlay.querySelector('h1').innerText = 'Tap to Play';
overlay.querySelector('.status-indicator span:last-child').innerText = 'Stream ready — tap anywhere';
}
});
}
@@ -171,7 +175,7 @@ socket.on('producerClosed', ({ consumerId }) => {
if (Object.keys(consumers).length === 0) {
remoteVideo.classList.remove('active');
remoteVideo.srcObject = null;
overlay.classList.remove('hidden');
if (overlay) overlay.classList.remove('hidden');
}
});
@@ -201,9 +205,11 @@ socket.on('broadcasterDisconnected', () => {
remoteVideo.classList.remove('active');
remoteVideo.srcObject = null;
overlay.classList.remove('hidden');
overlay.querySelector('h1').innerText = 'Offline';
overlay.querySelector('.status-indicator span:last-child').innerText = 'Waiting for new stream...';
if (overlay) {
overlay.classList.remove('hidden');
overlay.querySelector('h1').innerText = 'Offline';
overlay.querySelector('.status-indicator span:last-child').innerText = 'Waiting for new stream...';
}
});
// Initialize on connect