No Products Found
document.addEventListener(« DOMContentLoaded », function () {
var video = document.getElementById(‘liveVideoPlayer’);
var videoSrc = ‘URL_DE_TON_FLUX_LIVE.m3u8’;
var input = document.getElementById(‘userMessageInput’);
var btn = document.getElementById(‘sendMessageBtn’);
var toggleBtn = document.getElementById(‘chatToggleBtn’);
var unmuteBtn = document.getElementById(‘unmuteBtn’);
function unlockUI() {
toggleBtn.disabled = false;
toggleBtn.style.opacity = « 1 »;
toggleBtn.style.cursor = « pointer »;
unmuteBtn.disabled = false;
unmuteBtn.style.opacity = « 1 »;
unmuteBtn.style.cursor = « pointer »;
unmuteBtn.style.borderColor = « #f3e5ab »;
unmuteBtn.style.color = « #f3e5ab »;
input.disabled = false;
input.placeholder = « Ajouter un commentaire… »;
input.style.opacity = « 1 »;
input.style.cursor = « text »;
input.style.background = « rgba(0, 0, 0, 0.6) »;
input.style.borderColor = « rgba(243, 229, 171, 0.4) »;
btn.disabled = false;
btn.style.background = « #f3e5ab »;
btn.style.color = « #000000 »;
btn.style.opacity = « 1 »;
btn.style.cursor = « pointer »;
}
// Vérification de la présence du placeholder pour éviter le blocage
if (videoSrc.includes(‘URL_DE_TON_FLUX_LIVE’)) {
console.info(« Lecteur en attente d’une URL de flux valide (mode test activĂ©). »);
unlockUI(); // DĂ©verrouille l’interface pour permettre les tests visuels
} else {
if (Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(videoSrc);
hls.attachMedia(video);
} else if (video.canPlayType(‘application/vnd.apple.mpegurl’)) {
video.src = videoSrc;
}
// Déverrouillage automatique dÚs que la vidéo tourne réellement
video.addEventListener(‘playing’, unlockUI);
}
});
function enableSound() {
var video = document.getElementById(‘liveVideoPlayer’);
var unmuteBtn = document.getElementById(‘unmuteBtn’);
if (unmuteBtn.disabled) return;
video.muted = false;
unmuteBtn.style.display = ‘none’;
}
function toggleTiktokChat() {
var toggleBtn = document.getElementById(‘chatToggleBtn’);
if (toggleBtn.disabled) return;
var chat = document.getElementById(‘tiktokChat’);
chat.classList.toggle(‘is-collapsed’);
}
function handleKeyPress(e) {
if (e.key === ‘Enter’) sendTiktokMessage();
}
function sendTiktokMessage() {
var input = document.getElementById(‘userMessageInput’);
if (input.disabled) return;
var text = input.value.trim();
if (text ===  ») return;
var messagesContainer = document.getElementById(‘chatMessages’);
var newMessage = document.createElement(‘div’);
newMessage.className = ‘message’;
newMessage.innerHTML = ‘Moi: ‘ + text;
messagesContainer.appendChild(newMessage);
input.value =  »;
var MAX_MESSAGES = 50;
while (messagesContainer.children.length > MAX_MESSAGES) {
messagesContainer.removeChild(messagesContainer.firstElementChild);
}
messagesContainer.scrollTop = messagesContainer.scrollHeight;
}