Denimachine 1976
const mainWrapper = document.querySelector(".fluid-width-video-wrapper");
const introContainer = document.querySelector(".intro-container");
const video = document.getElementById("intro-video");
const skipBtn = document.getElementById("skip-btn");
const soundBtn = document.getElementById("sound-toggle-btn");
const adOverlay = document.getElementById("ad-click-overlay");
const countdownBar = document.getElementById("countdown-bar");
const thumbnail = document.getElementById("video-thumbnail");
mainWrapper.style.display = "none";
let currentAd = 0;
let timerInterval, skipCountdownInterval, skipTimeout;
function loadAd(index) {
const ad = adData[index];
const skipTime = ad.skipTime;
video.src = ad.file;
video.load();
video.style.display = "block";
video.play();
video.muted = false; // start unmuted
soundBtn.style.display = "block";
soundBtn.textContent = "🔊"; // show unmute icon first
countdownBar.style.width = "0%";
countdownBar.style.display = "block";
skipBtn.style.display = "block";
skipBtn.disabled = true;
skipBtn.innerHTML = `⏭️ Passer la pub dans ${skipTime}s`;
let skipCounter = skipTime;
skipCountdownInterval = setInterval(() => {
skipCounter--;
const timerSpan = document.getElementById("skip-timer");
if (skipCounter > 0) {
timerSpan.textContent = skipCounter;
} else {
clearInterval(skipCountdownInterval);
skipBtn.disabled = false;
skipBtn.textContent = "⏭️ Passer la pub";
}
}, 1000);
timerInterval = setInterval(() => {
if (video.duration) {
const progress = (video.currentTime / video.duration) * 100;
countdownBar.style.width = `${progress}%`;
}
}, 250);
skipTimeout = setTimeout(() => {
skipBtn.style.display = "block";
}, skipTime * 1000);
if (ad.url) {
adOverlay.href = ad.url;
adOverlay.style.display = "block";
} else {
adOverlay.style.display = "none";
}
}
function playNext() {
clearInterval(timerInterval);
clearInterval(skipCountdownInterval);
clearTimeout(skipTimeout);
currentAd++;
if (currentAd < adData.length) {loadAd(currentAd);} else {endIntro();}
}
function endIntro() {
video.style.display = "none";
countdownBar.style.display = "none";
skipBtn.style.display = "none";
introContainer.style.display = "none";
mainWrapper.style.display = "block";
if (typeof player !== "undefined") {player.playVideo();}
soundBtn.style.display = "none";
}
// click thumbnail → start ad flow
thumbnail.addEventListener("click", () => {
if (adData.length > 0) {loadAd(currentAd);} else {endIntro();}
thumbnail.style.display = "none";
});
skipBtn.addEventListener("click", () => {
video.pause();
playNext();
});
soundBtn.addEventListener("click", () => {
if (video.muted) {
video.muted = false;
soundBtn.textContent = "🔊"; // speaker with sound
} else {
video.muted = true;
soundBtn.textContent = "🔇"; // muted icon
}
});
video.addEventListener("ended", playNext);
});
Segments d'émission
Denimachine 1976 - 24 octobre 2022
On vous fait découvrir la Denimachine 1976. On en profite pour vous faire présenter l'éphéméride de 1976 et on parle rembourrage avec Lumi Design.
Passion Auto Rétro
Quand l’histoire de l’automobile prend vie
Passion Auto est une série télévisée consacrée aux voitures antiques et classiques qui ont marqué l’histoire, des élégantes automobiles d’avant-guerre aux modèles emblématiques des Années folles, de l’après-guerre jusqu’à l’âge d’or des Muscle Cars et Hot Rods. À travers des rencontres avec des collectionneurs, restaurateurs et passionnés, la série met en valeur des véhicules d’exception, des projets de restauration remarquables et les histoires humaines qui les font vivre.
Visitez notre site dédié exclusivement à l'émission Passion Auto Rétro
Équipe
- Animation
- Éric Fortier
- Chroniqueurs
- Mario Lacroix
- Mathieu Zizka
- Réalisation
- Éric Delannoy
- Commercialisation
- Montage
- Pierre-Alexandre Pelletier
