Wéi Dir Sound an enger HTML5 Web Page ze addéieren

HTML5 mécht et einfach, Klang a Musek un Är Websäiten mam Element ze addéieren. Tatsächlech ass déi schwieregst Saach ze maachen déi verschidde Quellen déi Dir braucht fir sécher ze stellen, datt Är Tounendateuren op déi breet Diversitéit vu Browser spielen.

De Benefice vun der HTML5 ass datt Dir Sound kann nëmme mat e puer Tags benotzen. D'Browseren spille deem Sound just esou wéi se e Bild beleeën wann Dir e IMG Element benotzt.

Wéi Dir Sound an enger HTML5 Web Page ze addéieren

Dir braucht e HTML Editor , eng Sounddatei (virun allem am MP3-Format) an e Sound Sound Converter.

  1. Als éischt braucht Dir e Klangfichier. Et ass am beschten d'Datei als en MP3 ( .mp3 ) ze schreiwen, well dat huet héich Tonqualitéit a gëtt vun de meeschte Browseren ënnerstëtzt (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, a Safari 5+).
  2. Konvertéiert Är Datei op de Vorbis-Format ( .ogg ) fir en Firefox 3.6+ an Opera 10.5+ Support ze addéieren. Dir kënnt en Konverter benotze wéi Dir op Virbis.com fonnt hutt. Dir kënnt och Äre MP3 mat engem WAV-Dateiformat (. Wav ) ëmsetzen fir Firefox an Opera ënnerstëtzen ze kréien. Ech recommandéieren Iech Äre Fichier an all dräi Formen, just fir Sécherheet, awer Dir sidd am meeschten datt Dir MP3 an eng aner Zort brauch.
  3. Lued all déi Audiodateien op ärem Webserversaachen an eng Notiz vum Verzeichnis, deen Dir se gespaart hutt. Et ass eng gutt Iddi fir se an engem Ënnerverzeichnis just fir Audiodateien ze maachen, well déi meescht Designer wëlle Biller an engem Billerverzeichnis späicheren.
  4. Fügt den AUDIO- Element op Är HTML-Akte erop, wou Dir wëllt datt d'Klangfiles Kontrollen ugewisen ginn.
  5. Plaz SOURCE Elementer fir all Audiodateien déi Dir am AUDIO- Element eropluet:
  1. All HTML am AUDIO- Element gëtt als Récktrëtt fir Browsers benotzt, déi den AUDIO- Element net ënnerstëtzen. Also addéiere HTML. Déi einfachst Manéier ass HTML ze addéieren fir datt se d'Datei luede loossen, awer Dir kënnt och HTML 4.01 Einbettungsmethoden benotzen fir den Toun ze spillen. Hei ass en einfache Fallback:

    Äre Browser ënnerstëtzt d'Audio-Wieder Réck, download den Dossier:

    1. MP3 ,
    2. Vorbis , WAV
  2. D'Läscht wat Dir braucht fir ze schreiwen ass Är AUDIO- Element zou:
  3. Wann Dir u gemaach hues, sollt Äre HTML esou ausgesi wéi:
    1. Äre Browser ënnerstëtzt d'Audio-Wieder, ënnerstëtzen d'Datei:

    2. MP3 ,
    3. Vorbis ,
    4. WAV

Zousätzlech Rotschléi

  1. Gitt sécher datt Dir den HTML5 Doctype () benotzt fir datt Äre HTML validéiert
  2. Iwwerpréift déi Attributer déi fir den Element verfügbar sinn fir ze kucken wat Är Optiounen Dir kënnt an Äert Element hinzufügen.
  3. Bedenkt datt mir de HTML opsetze fir Kontrollen op Standard ze setzen an Autoplay ausgeschalten. Du kanns natierlech ët änneren, awer erënnere mech datt vill Leit Klang fannen, déi automatesch féiert / datt se net kënne kontrolléieren fir am Beschten ze bedenken, a se dacks d'Säit verléissen wann dat passéiert.