Un prompteur pour exposés
// ==UserScript==
// @name PromtEx
// @namespace http://tampermonkey.net/
// @version 7.5
// @description Un prompteur pour exposés
// @author yglsan
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
let scrollSpeed = 1;
let isPaused = true;
let scrollInterval = null;
let isMirrored = false;
let accumulatedScroll = 0;
// Créer le bouton flottant
const button = document.createElement('button');
button.innerText = 'PromtEx';
button.style.position = 'fixed';
button.style.bottom = '20px';
button.style.right = '20px';
button.style.zIndex = '1000';
button.style.padding = '15px';
button.style.background = '#4A5568';
button.style.color = '#fff';
button.style.border = 'none';
button.style.borderRadius = '8px';
button.style.fontSize = '18px';
button.style.cursor = 'pointer';
document.body.appendChild(button);
// Overlay du prompteur
const teleprompterOverlay = document.createElement('div');
teleprompterOverlay.style.position = 'fixed';
teleprompterOverlay.style.top = '20px';
teleprompterOverlay.style.left = '50%';
teleprompterOverlay.style.transform = 'translateX(-50%)';
teleprompterOverlay.style.width = '80%';
teleprompterOverlay.style.height = '80%';
teleprompterOverlay.style.backgroundColor = 'rgba(0, 0, 0, 0.9)';
teleprompterOverlay.style.color = 'white';
teleprompterOverlay.style.display = 'none';
teleprompterOverlay.style.zIndex = '999';
teleprompterOverlay.style.padding = '20px';
teleprompterOverlay.style.overflow = 'hidden';
document.body.appendChild(teleprompterOverlay);
// Bouton de fermeture
const closeButton = document.createElement('button');
closeButton.innerText = 'X';
closeButton.style.position = 'absolute';
closeButton.style.top = '10px';
closeButton.style.right = '10px';
closeButton.style.background = 'red';
closeButton.style.color = 'white';
closeButton.style.border = 'none';
closeButton.style.padding = '5px 10px';
closeButton.style.cursor = 'pointer';
closeButton.style.borderRadius = '5px';
teleprompterOverlay.appendChild(closeButton);
closeButton.onclick = () => {
teleprompterOverlay.style.display = 'none';
};
// Zone de texte
const textArea = document.createElement('textarea');
textArea.style.width = '100%';
textArea.style.height = '90%';
textArea.style.fontSize = '24px';
textArea.style.lineHeight = '2.2';
textArea.style.background = 'transparent';
textArea.style.color = 'white';
textArea.style.border = 'none';
textArea.style.resize = 'none';
textArea.style.outline = 'none';
textArea.style.textAlign = 'center';
textArea.style.paddingTop = '190px'; // Ajuster la hauteur du texte
textArea.value = "\n\nExposé ici...\n";
textArea.setAttribute('spellcheck', 'false');
teleprompterOverlay.appendChild(textArea);
// Barre orange
const highlightBar = document.createElement('div');
highlightBar.style.position = 'absolute';
highlightBar.style.width = '100%';
highlightBar.style.height = '30px';
highlightBar.style.backgroundColor = 'rgba(255, 165, 0, 0.5)';
highlightBar.style.top = '220px'; // Ajuster la position de la barre
highlightBar.style.left = '0';
highlightBar.style.zIndex = '1';
highlightBar.style.pointerEvents = 'none';
teleprompterOverlay.appendChild(highlightBar);
// Fonction de défilement
function startScrolling() {
if (!isPaused) return;
isPaused = false;
scrollInterval = setInterval(() => {
accumulatedScroll += scrollSpeed;
if (accumulatedScroll >= 1) {
const pixels = Math.floor(accumulatedScroll);
textArea.scrollTop += pixels;
accumulatedScroll -= pixels;
}
}, 50);
}
function stopScrolling() {
isPaused = true;
clearInterval(scrollInterval);
}
// Boutons de contrôle
const controls = [
{ text: 'Démarrer', action: startScrolling },
{ text: 'Pause', action: stopScrolling },
{ text: 'Rembobiner', action: () => textArea.scrollTop = 0 },
{ text: 'Miroir', action: () => {
isMirrored = !isMirrored;
textArea.style.transform = isMirrored ? 'scaleX(-1)' : 'scaleX(1)';
}}
];
controls.forEach(({ text, action }, index) => {
const btn = document.createElement('button');
btn.innerText = text;
btn.style.position = 'absolute';
btn.style.bottom = '10px';
btn.style.left = `${10 + index * 100}px`;
btn.style.padding = '10px';
btn.style.background = '#FFA500';
btn.style.color = 'black';
btn.style.border = 'none';
btn.style.borderRadius = '5px';
btn.style.cursor = 'pointer';
btn.onclick = action;
teleprompterOverlay.appendChild(btn);
});
// Barre de réglage de la vitesse
const speedControl = document.createElement('input');
speedControl.type = 'range';
speedControl.min = '0.1';
speedControl.max = '10';
speedControl.step = '0.1';
speedControl.value = scrollSpeed;
speedControl.style.position = 'absolute';
speedControl.style.bottom = '50px';
speedControl.style.left = '50%';
speedControl.style.transform = 'translateX(-50%)';
teleprompterOverlay.appendChild(speedControl);
speedControl.addEventListener('input', () => {
scrollSpeed = parseFloat(speedControl.value); // Conversion en float
});
// Afficher le prompteur
button.onclick = () => {
teleprompterOverlay.style.display = 'block';
textArea.scrollTop = 0;
};
// Fermer avec la touche Échap
document.addEventListener('keydown', (event) => {
if (event.key === 'Escape') {
teleprompterOverlay.style.display = 'none';
}
});
})();