AJOUTER UNE FONCTION “ZOOM” AUX IMAGES 360°

Avec la molette (scroll) de la souris :

let scale = 1;
const scaleStep = 0.1;
const maxScale = 2;

const slideContainer = document.getElementById('slide-window');
slideContainer.style.transition = "transform 0.1s";

slideContainer.addEventListener('wheel', function(event) {
    if (event.deltaY < 0) {
        if (scale < maxScale) {
            scale += scaleStep;
            if (scale > maxScale) {
                scale = maxScale;
            }
        }
    } else {
        if (scale > 1) {
            scale -= scaleStep;
            if (scale < 1) {
                scale = 1;
            }
        }
    }

    slideContainer.style.transform = `scale(${scale})`;
    event.preventDefault();
}, { passive: false });

Avec la molette (scroll) de la souris et les touches + / - / p / m :

let scale = 1;
const scaleStep = 0.1;
const maxScale = 2;

const slideContainer = document.getElementById('slide-window');
slideContainer.style.transition = "transform 0.1s";

function updateScale() {
    slideContainer.style.transform = `scale(${scale})`;
}

slideContainer.addEventListener('wheel', function(event) {
    if (event.deltaY < 0) {
        if (scale < maxScale) {
            scale += scaleStep;
            if (scale > maxScale) {
                scale = maxScale;
            }
        }
    } else {
        if (scale > 1) {
            scale -= scaleStep;
            if (scale < 1) {
                scale = 1;
            }
        }
    }

    updateScale();
    event.preventDefault();
}, { passive: false });

window.addEventListener('keydown', function(event) {
    if (event.key === 'p' || event.key === '+' || event.key === 'NumpadAdd') {
        if (scale < maxScale) {
            scale += scaleStep;
            if (scale > maxScale) {
                scale = maxScale;
            }
        }
    } else if (event.key === 'm' || event.key === '-' || event.key === 'NumpadSubtract') {
        if (scale > 1) {
            scale -= scaleStep;
            if (scale < 1) {
                scale = 1;
            }
        }
    }

    updateScale();
});

📺 Vidéo associée : https://youtu.be/9Hjcmmj-Zrs

SYNTHÈSE VOCAL AVEC SPEECH SYNTHESIS

var player = GetPlayer();
var texte = player.GetVar("narration");

var utterance = new SpeechSynthesisUtterance(texte);

utterance.lang = 'fr-FR'; // Pour le français

utterance.volume = 1.0; // Volume à 100%
utterance.rate = 1.0; // Débit à 100%
utterance.pitch = 1.0; // Ton à 100%

window.speechSynthesis.speak(utterance);

📺 Vidéo associée : https://youtu.be/1mrYSzGa10w

ARRONDIR UN RÉSULTAT

var player = GetPlayer();
var targetNumber = player.GetVar("scorearrondi");
targetNumber = Math.round(targetNumber);
player.SetVar("scorearrondi", targetNumber);

📺 Vidéo associée : https://youtu.be/5O21xMSyQb8

PLEIN ÉCRAN (CRÉER UN BOUTON)

if ((document.fullScreenElement && document.fullScreenElement !== null) || 
 (!document.mozFullScreen && !document.webkitIsFullScreen)) {
 if (document.documentElement.requestFullScreen) { 
 document.documentElement.requestFullScreen(); 
 } else if (document.documentElement.mozRequestFullScreen) { 
 document.documentElement.mozRequestFullScreen(); 
 } else if (document.documentElement.webkitRequestFullScreen) { 
 document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 
 } 
 } else { 
 if (document.cancelFullScreen) { 
 document.cancelFullScreen(); 
 } else if (document.mozCancelFullScreen) { 
 document.mozCancelFullScreen(); 
 } else if (document.webkitCancelFullScreen) { 
 document.webkitCancelFullScreen(); 
 } 
 }

📺 Vidéo associée : https://www.youtube.com/watch?v=D63CSMQj_VM

COMPTE À REBOURS / TIMER (COMMENT CRÉER UN)

function zeros(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

var fin="Done";
var player = GetPlayer();
var count = player.GetVar("Timer_Duree");
var minutes, seconds, timer, totalTime;
var counter = setInterval(timer, 1000);

function timer() {
    count = count - 1;
    minutes = zeros(Math.floor(count / 60));
    seconds = zeros(count % 60);
    if (count == 0){
        player.SetVar("Timer_Fin",fin);
}
    if (count < 0) {
        clearInterval(counter);
        return;
    }
    totalTime = minutes + ':' + seconds;
    player.SetVar("Timer_Affichage",totalTime);
}

Sorry, it looks like this this Notion document has not been added to Embed Notion. Please head to https://embednotion.com to embed your Notion document.

Made with 👉 Embed Notion