Wie Audio auf Ihre HTML5 und CSS3-basierte Web-Seiten hinzufügen
HTML hat für eine lange Zeit Bilder unterstützt, aber jetzt funktioniert es genauso gut mit Audio-Dateien. Dies ist ein wichtiger Durchbruch, als Audio zuvor externen Programmen wie Flash erforderlich.
Es ist ganz einfach Audio auf einer Web-Seite in HTML5 mit dem neuen Tag hinzuzufügen. Hier ist der Code für die Erstellung dieser Seite:
audio.html Audio Demo
Musik: J. S. Bach "Allemande" Partita für Violine # 2
Obwohl fast alle aktuellen Browser den Tag unterstützt, können sie immer noch nicht einig, welches Format zu unterstützen. Einige Browser unterstützen MP3-Dateien, einige unterstützen eine neuere Standard namens Ogg, und eine gewisse Unterstützung WAV.
Der beste Weg, um sicherzustellen, dass der Sound wiedergegeben ist, zwei verschiedene Formate zu liefern. Oft sorgt sowohl für Ogg und MP3-Formate, einschließlich, dass Audio auf allen gängigen Browsern spielen wird.
Um eine Audiodatei zu Ihrer Seite hinzufügen, gehen Sie folgendermaßen vor:
Fügen Sie den Audio-Tag auf Ihrer Seite.
Der Tag zeigt an, wo eine Audiodatei platziert wird. Wo Sie setzen die Variable im Code entspricht, wo die Steuerelemente angezeigt werden.
Schalten Sie Kontrollen.
Sie können ein Bedienfeld mit dem Attribut angeben. Dies bewirkt, dass eine kleine Kontrolle erscheinen. Wenn Sie diese Direktive auslassen, wird es keine Steuertafel sein, die der Benutzer bedeutet, wird der Clip zu spielen nicht in der Lage sein.
Erstellen Sie AElement oder zwei.
Im Inneren des Paares, fügen Sie ein oder mehrere Elemente. Jede Quelle Element weist auf eine Datei, die Sie verbinden wird.
Stellen Sie thesrcattribute die Datei anzuzeigen.
Das Attribut des Tags verwendet, um den Dateinamen der Audiodatei, um anzuzeigen, die Sie spielen möchten.
In alternativen Code für ältere Browser.
Alle zusätzlichen HTML-Code zwischen den Tags und wird nur von Browsern interpretiert werden, die den Sound-Tag nicht verstehen. Sie können einen gewöhnlichen Anker fügen Sie den Soundeffekt zu downloaden, wenn Sie es wünschen. Auf diese Weise, auch mit älteren Browsern können hören, was sie verpassen.