comment rendre les sous-titres youtube sélectionnables?

Question

lors de l'activation des sous-titres YouTube, si vous essayez de sélectionner un mot dans la légende des sous-titres identifiés dans le DOM par id="caption-window-1", la première chose remarquée est: il n'est pas sélectionnable, donc pour le rendre sélectionnable, je lance ce script la console js en utilisant l'outil de développement sur navigateur Chrome:

(function() { 
var caption= document.getElementById("caption-window-1"); 
caption.style.cursor="text"; 
caption.style["-webkit-user-select"]="all"; 
      })(); 

son tour parfaitement, mais la légende toujours en mouvement quand cliquez dessus (vous pouvez l'essayer par vous-même sur YouTube)

donc je peux » t sélectionnez facilement un mot dans la légende, il bouge toujours ce que je fais.

Je veux désactiver le mouvement de légende sur l'événement onclick toute idée pour corriger cela en utilisant javascript?

Answer 1

Le problème est que le champ de texte est déplaçable pour permettre à l'utilisateur de positionner le champ n'importe où sur l'écran, de sorte qu'il est en conflit avec ce que vous essayez de faire. Vous pouvez simplement enregistrer et pousser le texte dans un tableau et l'analyser une fois la vidéo terminée.

L'extrait est pas très élégant mais devrait vous aider à démarrer:

var wordsAll = []; 
var wordsPrev = []; 
var previousLine = ''; 
function checkText() { 
    var caption= document.getElementById("caption-window-1"); 
    requestAnimationFrame(checkText); 
    if (caption === null) return; 
    var wordsNow = caption.textContent.split(' '); 
    if (wordsPrev.length > 0 && wordsPrev.length < wordsNow.length) { 
    for (var i=0,l= wordsNow.length; i<l; i++) { 
     wordsAll.push(wordsPrev[i]); 
    } 
    } 
    wordsPrev = wordsNow.slice(l); 
} 
checkText(); 

Ensuite, il suffit de faire quelque chose comme console.log(wordsAll.join(' '))

Hope that helps!

Answer 2

Vous devez installer capturing écouteurs d'événements qui font appel stopPropagation sur l'événement pour l'intercepter avant que le javascript sur youtube peut les traiter et supress l'action par défaut, à savoir la sélection de texte

.

Answer 3

c'est ce que je suis en train de faire:

screenshot