Wie man einen MP3-Player mit HTML einbetten

Wie man einen MP3-Player mit HTML einbetten

MP3-Player sind ein beliebtes feature auf vielen Websites. Sie können spielen, jede Art von audio von online-Inhalten, von Musik und Poesie, bis hin zu podcasts. Viele nutzen Shockwave Flash (SWF) - Anwendungen zum Abspielen der MP3-Dateien. Einbetten von Flash-MP3-Player in Web-Seiten verwendet werden, um komplexe in der traditionellen HTML (Hypertext Markup Language). Die Einführung der HTML-version 5 machte den Prozess viel einfacher, Dank einer vereinfachten version der "embed" - element.

MP3-Player sind ein beliebtes feature auf vielen Websites. Sie können spielen, jede Art von audio von online-Inhalten, von Musik und Poesie, bis hin zu podcasts. Viele nutzen Shockwave Flash (SWF) - Anwendungen zum Abspielen der MP3-Dateien. Einbetten von Flash-MP3-Player in Web-Seiten verwendet werden, um komplexe in der traditionellen HTML (Hypertext Markup Language). Die Einführung der HTML-version 5 machte den Prozess viel einfacher, Dank einer vereinfachten version der 'embed' - element.
Dinge, die Sie Brauchen,

• Text-editor
• Web browser

• Flash-MP3-player
• MP3-Datei

• Wählen Sie Ihren MP3-player. Viele freeware und open-source-Optionen sind verfügbar zum download auf dem Web. Für dieses Beispiel wählen Sie einen Flash-MP3-player, die verwendet HTML5 die 'embed' - element und befolgen Sie die Dokumentation sorgfältig durch.
• Erstellen einer HTML5-Datei. Öffnen Sie ein neues Dokument in Ihrem Texteditor und stellen ein grundlegendes HTML5-Seite mit diesem code.
  
  
  Speichern Sie Ihre Datei als 'mp3-player.html.'
• Fügen Sie eine HTML5 - 'embed' - element. Setzen Sie diese einfachen code in Ihre HTML - 'body' - Abschnitt, und ersetzen die 'myFlashMP3Player.swf ' - Wert mit dem Datei-Namen Ihrer eigenen Flash-MP3-player.
  
  nach Ihrem MP3-player die Dokumentation sorgfältig durch, Zugabe von zusätzlicher code erforderlich (in der Regel, dies könnte etwas JavaScript). Speichern Sie Ihre Datei erneut.
• Testen Sie Ihre Web-Seite. Öffnen Sie Ihren Web-browser und laden 'mp3-player.html.' Sollten Sie Ihren MP3-player, eingebettet in die Web-Seite. Wenn nicht, überprüfen Sie, dass Sie kopiert haben, die code-Beispiele richtig sind und dass Sie befolgt haben, Ihren MP3-player in der Dokumentation.

Tipps & Warnungen

• Der Schnellste Weg um diesen code zu erhalten. B. die Arbeit ist, testen Sie es mit einem einfachen Flash-animation-Datei (SWF) eher als ein MP3-player. Sobald Sie haben, dass Sie arbeiten, wird es leichter sein, um alle Fehler zu identifizieren, die Sie vornehmen, im folgenden Ihre MP3-player-Codierung Anweisungen.
• im Gegensatz zu einigen HTML5-andere multimedia-Funktionen, ist seine 'embed' - element wurde gut unterstützt durch die gängigen Web-Browser aus starten. Obwohl es erfordert über einen Flash-player (zum Beispiel), mehr von den älteren Web-Browser verstehen es als HTML5 'audio' - element.
• HTML5 kann man noch traditionelle Methoden verwenden von multimedia-Einbettung mit den 'object' - element (wie z.B. SWFObject JavaScript-Methode). Aber mit Ihnen ist schwieriger als die Verwendung von HTML5 ist die 'embed' - element.

• Dieses Beispiel demonstriert die Grundlagen der Flash-Einbettung in HTML5. Es erstreckt sich nicht auf die komplexen Methoden für die Verwendung der älteren 'object' - element. Verwenden Sie nicht das Beispiel mit MP3-Playern konzipiert für ältere Versionen von HTML oder der 'Objekt' - Methode.
• Wenn eine web-browser nicht bereits über das Flash-plugin installiert, der HTML5-ist 'embed' - element wird nicht automatisch leiten Sie auf die plugin-download-Seite. Jedoch, da die meisten web-Nutzer, die bereits Flash installiert haben, in Ihren Browser, dies ist nicht normalerweise ein problem. Wenn es tut, Bedenken Sie, JavaScript-Lösungen sind vorhanden (wie z.B. SWFObject).