Sie können einen Musikplayer so einrichten, dass er automatisch mit der Wiedergabe eines Audioclips beginnt, wenn ein Besucher Ihren Tumblr-Blog öffnet. Wählen Sie einen Audioplayer aus, der in Tumblr-Themen unterstützt wird und die Autoplay-Funktion enthält – wie Hypster, Grooveshark oder Billy Player – wählen Sie den Song oder die Playlist aus, die Sie in Ihrem Player verwenden möchten, generieren Sie den Widget-Code mit aktivierter Autoplay-Funktion und Installieren Sie dann den generierten Code in Ihrem Tumblr-Theme. Wenn Sie bereits ein Musikplayer-Widget installiert haben, das die Autoplay-Funktion unterstützt, bearbeiten Sie den HTML-Code des Widgets, um diese Funktion zu aktivieren.
Neues Musik-Player-Widget
Öffnen Sie Hypster, Grooveshark, Billy Player oder eine ähnliche Site in einem Browser und erstellen Sie dann gegebenenfalls ein Konto (siehe Ressourcen).
Erstellen und speichern Sie eine Playlist mit mindestens einem Song auf der ausgewählten Plattform. Beachten Sie, dass Sie bei Auswahl von Billy Player eine oder mehrere URLs in Ihre eigenen gehosteten Wiedergabelisten oder Lieder einfügen müssen, da die Site keine Musik hostet. jedoch hosten sowohl Hypster als auch Grooveshark eine große Auswahl an Audioinhalten.
Generieren Sie den Player-Widget-Code. Klicken Sie für Grooveshark auf das Symbol „Song teilen“ neben einem einzelnen Song, um das Dialogfeld „Teilen“ zu öffnen. Um eine Playlist zu teilen, klicken Sie auf der Playlist-Seite neben der Playlist auf die Schaltfläche „Teilen“. Klicken Sie im Dialogfeld „Freigeben“ auf „Einbetten“, um den Code für das eingebettete Widget in einem Textfeld anzuzeigen. Klicken Sie für Hypster im oberen Navigationsmenü auf "Erstellen", klicken Sie auf die Option "Player erstellen" und klicken Sie dann auf das Player-Design, um die Seite mit den Codeoptionen zu öffnen.
Klicken Sie auf das Kontrollkästchen "Autoplay", um die Funktion zu aktivieren. Die Autoplay-Option befindet sich im Billy Player unter den Eingabefeldern für Song und Playlist; in Hypster und Grooveshark befindet es sich im Dropdown-Feld Select Playlist. Ändern Sie alle anderen Player-Optionen wie den Link oder die Hintergrundfarben nach Wunsch. Klicken Sie auf „Code abrufen“ oder die entsprechende Option, um den Code in einem Textfeld anzuzeigen.
Wählen Sie den gesamten Code aus und drücken Sie dann "Strg-C", um ihn in Ihre Zwischenablage zu kopieren. Sie können auch mit der rechten Maustaste in das Codefeld mit allen ausgewählten Zeichen klicken und dann im Kontextmenü auf „Kopieren“ klicken, um den Code zu kopieren.
Öffnen Sie Ihr Tumblr-Dashboard, klicken Sie auf den Pfeil neben dem Namen des primären Blogs, wählen Sie das Blog aus, das Ihren Musikplayer hosten wird, und klicken Sie dann auf die Registerkarte „Anpassen“, um das ausgewählte Blog zur Bearbeitung zu öffnen.
Klicken Sie im Menü Anpassen auf die Option "HTML bearbeiten", um den Themeneditor zu öffnen.
Fügen Sie den Musikplayer-Widget-Code an der gewünschten Stelle in Ihrem Designcode ein, indem Sie "Strg-V" drücken. Die genaue Platzierung des Codes hängt vom Player ab. Befolgen Sie daher die Anweisungen auf der Player-Site zum Platzieren Ihres Codes – bei einigen Playern platzieren Sie den Widget-Code in der "
" zum Beispiel, während für andere das Widget im "" Etikett.Klicken Sie auf „Vorschau aktualisieren“, um den Player im Vorschaubereich anzuzeigen.
Klicken Sie auf „Speichern“, um Ihre Änderungen zu speichern, und klicken Sie dann auf „Beenden“, um das Menü „Anpassen“ zu schließen.
Vorhandenes Widget bearbeiten
Melden Sie sich bei Tumblr an und klicken Sie dann in der rechten Seitenleiste Ihres Dashboards auf den Pfeil neben dem Eintrag für Ihren primären Blog. Eine Liste Ihrer Blogs wird geöffnet.
Klicken Sie auf den Blog, der Ihr Audioplayer-Widget hostet, um den Blog im Dashboard zu öffnen.
Klicken Sie auf die Registerkarte "Anpassen", um das Design mit dem an die linke Seitenleiste angehängten Menü "Anpassen" zu öffnen.
Suchen Sie den HTML-Code für Ihr Player-Widget im Designcode. Aktivieren Sie zuerst das Kontrollkästchen Beschreibung im Menü Anpassen. Wenn sich der Widget-Code nicht im Beschreibungsfeld befindet, ist der Code in das HTML des Themas eingebettet. Klicken Sie in diesem Fall auf die Schaltfläche „HTML bearbeiten“, um den HTML-Editor zu öffnen, drücken Sie „Strg-F“, um das Feld Suchen zu öffnen, und dann Geben Sie den Namen Ihres Players ein, um das Widget im Code schnell zu finden.
Bearbeiten Sie den Befehl „autoplay=false“ in „autoplay=true“.
Klicken Sie auf die Schaltfläche „Vorschau aktualisieren“, um eine Vorschau Ihrer Änderungen im HTML-Editor anzuzeigen.
Klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen zu speichern und zu veröffentlichen.
Tipps
Beachten Sie, dass Sie mit dem Tumblr Audio Post-Formular auch Audiobeiträge in Ihrem Blog erstellen können. Sie können die Musikarchive von SoundCloud und Hypster durchsuchen, um Ihrem Beitrag Musik hinzuzufügen. Sie können einen Audio-Post jedoch nicht so konfigurieren, dass der Clip automatisch abgespielt wird.
Warnungen
Kopieren Sie Ihren ursprünglichen Player-Widget-Code und fügen Sie ihn in ein leeres Textdokument ein, bevor Sie den HTML-Code des Widgets bearbeiten, sodass Sie den ursprünglichen Code schnell wiederherstellen können, wenn Sie beim Ändern des Codes einen Fehler machen.
