La version web de Xiaoyuzhou (小宇宙) ne disposait pas d'une option de lecture accélérée. Copiez le code source de la page web et envoyez-le à Claude 4.5 sonnet, avec l'invite suivante : « Cette page web possède un bouton de lecture, mais la vitesse de lecture ne peut pas être ajustée. Pourriez-vous écrire un script Tampermonkey pour résoudre ce problème ? » La vitesse de chargement de la page est doublée, elle s'affiche instantanément et le style est identique à celui de la page web originale. Le script Tampermonkey se trouve dans la section des commentaires.
// ==UserScript== // @name Little Universe Podcast Lecture actampermonkey.nethttps://t.co/EcRyuxlHjq // @version 1.1 // @description Ajout d'une fonction de contrôle de lxiaoyuzhoufm.com/episode/la version web de Xiaoyuzhou // @auteur Vous // @match https://t.co/oV7FDA6DLX* // @grant aucun // ==/UserScript== (fonction() { 'utiliser le strict'; // Attente du chargement des éléments audio fonction waitForAudio() { const audio = document.querySelector('audio'); si (audio) { ajouterSpeedControl(audio); } autre { setTimeout(waitForAudio, 500); } } // Ajouter un régulateur de vitesse fonction ajouterContrôleDeVitesse(audio) { // Créer un conteneur de contrôle de vitesse const speedContainer = document.createElement('div'); https://t.co/NnVY7mFfir.cssText = ` position : fixe ; haut : 80px ; droite : 20px ; fond : blanc ; bordure-radius: 8px; marge intérieure : 10px ; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index : 1000 ; affichage : flexible ; direction flexible : colonne ; écart : 8 px ; `; // Options de vitesse vitesses constantes = [0,5, 0,75, 1,0, 1,25, 1,5, 1,75, 2,0]; // Créer un titre const title = document.createElement('div'); title.textContent = 'Réglage de la vitesse de lecture'; https://t.co/kkc695BtY1.cssText = ` taille de police : 12px ; couleur : #666 ; text-align: centre; marge inférieure : 5 px ; `; speedContainer.appendChild(title); // Créer un bouton d'accélération vitesses.forEach(vitesse => { const btn = document.createElement('button'); btn.textContent = `${speed}x`; https://t.co/5ZBU1WBy4L.cssText = ` marge intérieure : 8px 15px ; bordure : 1px solide #ddd ; bordure-radius: 5px; fond : blanc ; curseur : pointeur ; taille de police : 14px ; transition : toutes les 0,2 s ; `; // Définir le style pour la vitesse actuelle. si (vitesse === 1,0) { https://t.co/5ZBU1WBy4L.background = 'var(--theme-color, #25B4E1)'; https://t.co/5ZBU1WBy4L.color = 'blanc'; https://t.co/5ZBU1WBy4L.borderColor = 'var(--theme-color, #25B4E1)'; } btn.addEventListener('click', () => { audio.playbackRate = vitesse ; // Mettre à jour tous les styles de boutons speedContainer.querySelectorAll('button').forEach(b => { https://t.co/kqnhnypYTa.background = 'blanc'; https://t.co/kqnhnypYTa.color = 'noir'; https://t.co/kqnhnypYTa.borderColor = '#ddd'; }); // Mettre en surbrillance le bouton actuel https://t.co/5ZBU1WBy4L.background = 'var(--theme-color, #25B4E1)'; https://t.co/5ZBU1WBy4L.color = 'blanc'; https://t.co/5ZBU1WBy4L.borderColor = 'var(--theme-color, #25B4E1)'; }); btn.addEventListener('mouseenter', () => { si (audio.playbackRate !== speed) { https://t.co/5ZBU1WBy4L.background = '#f5f5f5'; } }); btn.addEventListener('mouseleave', () => { si (audio.playbackRate !== speed) { https://t.co/5ZBU1WBy4L.background = 'blanc'; } }); speedContainer.appendChild(btn); }); // Ajouter à la page document.body.appendChild(speedContainer); // Ajout de la prise en charge des raccourcis clavier document.addEventListener('keydown', (e) => { Utilisez les touches numériques 1 à 7 pour changer rapidement de vitesse. si (e.key >= '1' && e.key <= '7') { const index = parseInt(e.key) - 1; si (speeds[index]) { audio.playbackRate = vitesses[index]; // Déclencher l'effet de clic du bouton correspondant speedContainer.querySelectorAll('button')[index + 1].click(); } } }); console.log('Le contrôle de la vitesse a été ajouté ! Vous pouvez utiliser les touches numériques 1 à 7 pour changer rapidement de vitesse'); } // Commencez à écouter attendre l'audio(); })();