Wir haben letzte Woche eine interessante Frage hier bei TechJunkie Towers erhalten. Es war etwas, woran ich noch nie gedacht hatte, und ich wollte wissen, wie man MP3-Audio mit Google Drive in eine Webseite einbettet. Als jemand, der eine Reihe von Websites für Organisationen betreibt, wurde mir die Frage zur Beantwortung übergeben.
Normalerweise hosten Sie alle Medien neben der Website, wenn Sie sie auf einer Seite veröffentlichen möchten. Es sorgt für Ordnung und verringert die Anzahl der externen Abfragen, die Ihre Webseite beim Laden durchführen muss. Dies ist jedoch nicht die einzige Möglichkeit, und wenn Sie aus irgendeinem Grund Ihr Audio nicht neben Ihrer Website hosten können, können Sie es mit Google Drive oder einem anderen Cloud-Dienst hosten und auf Ihre Webseite verlinken.
Während dieses Tutorial das Einbetten in eine Webseite behandelt, gilt das gleiche Prinzip für die meisten Online-Seiten. Das können soziale Netzwerke, Blogs, Wikis, Landing Pages oder was auch immer sein.
Betten Sie Audio mit Google Drive in eine Webseite ein
Um Audio auf einer Webseite einzubetten, laden wir normalerweise die MP3-Datei auf den Webhost hoch und platzieren sie inline auf der Seite. Auf diese Weise kann die Seite den Host abfragen und die Musik schnell und ohne weitere externe Abfragen abspielen. Das ist nicht immer möglich. Wenn Sie nicht über die Speicherkapazität auf Ihrem Webhost verfügen oder der Host nicht sehr schnell oder für das Streaming geeignet ist, müssen Sie sich anderswo umsehen.
Hier kommt Google Drive oder ein anderer Cloud-Dienst ins Spiel. Sie können die MP3-Datei in den Cloud-Speicher hochladen und von Ihrer Webseite aus darauf verlinken. Jedes Mal, wenn jemand den Titel abspielt, wird er von Ihrem Laufwerk gestreamt und nicht lokal auf Ihrem Webhost. Angesichts der Größe und Leistungsfähigkeit der Google Cloud-Server können Sie dies auch zu Ihrem Vorteil nutzen!
So richten Sie es ein:
- Melden Sie sich wie gewohnt bei Google Drive an.
- Erstellen Sie einen Ordner und laden Sie die MP3-Datei hoch.
- Setzen Sie die Berechtigung für die MP3-Datei auf "Ein - Öffentlich im Web, kann jeder im Internet suchen und anzeigen".
- Speichern Sie die Berechtigung.
- Erfassen Sie den Share-Link auf der Share-Seite. Es beginnt "https://drive.google./com/…"
Das wars zum Einrichten. Ihre MP3-Datei befindet sich jetzt in der Cloud und kann von jedem mit dem Freigabelink aufgerufen werden. Wir müssen diesen Link jetzt online auf Ihrer Webseite platzieren, damit andere darauf zugreifen können.
Einbetten des Links auf Ihrer Seite
Wie Sie den Share-Link genau einbetten, hängt davon ab, was Sie für Ihre Website verwenden. Sie können für WordPress oder Joomla eine andere Methode verwenden als für HTML oder andere Frameworks.
So binden Sie Ihre MP3-Datei in eine WordPress-Seite ein:
- Öffnen Sie Ihre Seite in WordPress und machen Sie einen Platz für die Audiodatei.
- Klicken Sie oben im Seiteneditor auf die Schaltfläche Medien hinzufügen.
- Wählen Sie URL eingeben und fügen Sie die Google Drive-URL von oben ein.
- Geben Sie einen Namen und einen Titel ein und legen Sie dann ein Medium ein.
- Speichern Sie die Seite, sobald Sie fertig sind.
Wenn Sie eine Vorschau der Seite anzeigen, sollten Sie jetzt den Link und dessen Beschreibung dort sehen, wo Sie ihn auf der Seite platziert haben. Spielen Sie die Medien ab und es wird unsichtbar von Ihrem Google Drive durch die Seite gestreamt. Dies ist eine sehr übersichtliche Methode, um einer Seite Rich Media hinzuzufügen, ohne Speicherplatz auf Ihrem Webhost zu belegen.
Wenn Sie WordPress nicht verwenden und den Code in einen iFrame einbetten müssen, ist dies ebenfalls sehr einfach. Da iFrames ein Webstandard sind, sollten sie von den meisten Frameworks und Veröffentlichungsplattformen unterstützt werden. Sie müssen also nur den iFrame erstellen und auf Ihrer Seite platzieren.
So binden Sie Ihre MP3-Datei mit anderen Frameworks ein:
- Fügen Sie die URL der Google Drive-Freigabe in einen Texteditor ein.
- Ändern Sie "/ view" am Ende der URL für "/ preview" und kopieren Sie die gesamte URL.
- Fügen Sie es anstelle der Beispiel-URL nach 'src =' in den folgenden Code ein.
- Öffnen Sie Ihre Webseite in einem HTML-Editor oder verwenden Sie den Editor Ihrer Plattform.
- Platzieren Sie den gesamten Code einschließlich des auf Ihrer Seite, auf der er angezeigt werden soll.
- Speichern Sie die Datei und testen Sie sie.
Der Code:
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
Der Player sollte auf Ihrer Seite erscheinen und die ausgewählte MP3-Datei abspielen. Stellen Sie sicher, dass Sie den Link nach dem Hochladen selbst überprüfen, um sicherzustellen, dass er funktioniert. Dann veröffentlichen Sie die geänderte Seite und genießen Sie!
So können Sie MP3-Audio mit Google Drive in eine Webseite einbetten. Kennen Sie noch andere Möglichkeiten? Erzähl uns davon unten, wenn du es tust!
