Wie man Audio von YouTube-Videos einbettet
Das Einbetten von YouTube-Videos ist im Grunde genommen ein unkomplizierter Prozess. Die Optionen zum Teilen unterhalb eines Videos liefern den benötigten HTML-Code, um es auf einer Webseite einzubinden. YouTube bietet zwar mehrere Möglichkeiten zum Teilen an, diese zielen jedoch alle auf das Teilen des Videos ab, was angesichts der Funktion von YouTube als Video-Hosting-Plattform durchaus Sinn ergibt. Es gibt jedoch viele Inhalte auf YouTube, die hauptsächlich Audio sind. Oftmals werden Videos mit irrelevanten Bildern verwendet, um den ‚Video‘-Anteil zu füllen. Bedauerlicherweise erlaubt YouTube es nicht, nur die Tonspur eines Videos einzubetten. Man ist immer gezwungen, das gesamte Video einzufügen. Es gibt aber eine raffinierte Methode, um ausschließlich den Ton eines Videos einzubetten, wenn man die offiziellen Optionen zum Teilen und Einbetten von YouTube umgehen möchte.
Diese Lösung wurde von Amit Agarwal in Form eines anpassbaren Codes entwickelt. Sie verwendet die JavaScript-API von YouTube und ist auf Github verfügbar. Im Folgenden wird erklärt, wie sie funktioniert:
Schritt 1: Zunächst sollte das gewünschte Video, dessen Audio eingebettet werden soll, aufgesucht werden. Die Video-ID muss notiert werden. Diese findet sich in der URL des Videos nach dem Parameter ‚v=‘ und ist im folgenden Screenshot hervorgehoben.
Schritt 2: Danach wird das folgende Snippet in den HTML-Code der Website eingefügt, wobei ‚VIDEO_ID‘ durch die im vorigen Schritt notierte Video-ID ersetzt wird:
<div data-video="VIDEO_ID" data-autoplay="0" data-loop="1" id="youtube-audio"> </div> <script src="https://www.youtube.com/iframe_api"></script> <script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>
So sieht es dann aus.
Das Audio wird nicht direkt automatisch abgespielt. Zur Wiedergabe ist ein Klick auf den Play-Button erforderlich. Es ist jedoch möglich, das Audio automatisch abzuspielen und in einer Schleife wiederzugeben. Dies geschieht durch Änderungen im Code. Um die automatische Wiedergabe zu aktivieren, wird der Wert von ‚data-autoplay‘ auf 1 gesetzt. Um das Audio in einer Endlosschleife abzuspielen, wird ‚data-loop‘ auf 1 gesetzt. Bei einer intensiven Nutzung dieses Codes mit zu erwartendem hohen Traffic ist es ratsam, das Skript auf einem eigenen Server zu hosten. Das Skript ist unter folgendem Link verfügbar.
Aktualisiert: 8. Dezember 2020 um 4:30 Uhr