Sut i Ychwanegu Sain i dudalen Web HTML5

Mae HTML5 yn ei gwneud hi'n hawdd ychwanegu sain a cherddoriaeth i'ch tudalennau gwe gyda'r elfen. Mewn gwirionedd, y peth anoddaf i'w wneud yw creu'r llu o ffynonellau sydd eu hangen arnoch i sicrhau bod eich ffeiliau sain yn chwarae ar yr amrywiaeth ehangaf o borwyr.

Manteision defnyddio HTML5 yw y gallwch chi fewnosod sain trwy ddefnyddio dau dag. Mae'r porwyr, yna, yn chwarae'r sain yn union fel y byddent yn arddangos delwedd pan fyddwch chi'n defnyddio elfen IMG .

Sut i Ychwanegu Sain i dudalen Web HTML5

Bydd angen Golygydd HTML arnoch, ffeil sain (o bosibl ar ffurf MP3), a throsydd ffeil sain.

  1. Yn gyntaf, mae angen ffeil sain arnoch chi. Mae'n well cofnodi'r ffeil fel MP3 ( .mp3 ) gan fod hyn yn cynnwys ansawdd sain uchel ac yn cael ei gefnogi gan y mwyaf borwyr (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, a Safari 5+).
  2. Trosi eich ffeil i fformat Vorbis ( .ogg ) i'w ychwanegu yn Firefox 3.6+ a chefnogaeth Opera 10.5+. Gallwch ddefnyddio trawsnewidydd fel un a ddarganfuwyd ar Vorbis.com. Gallwch hefyd drosi eich MP3 i fformat ffeil WAV ( .wav ) i gael cymorth Firefox a Opera. Rwy'n argymell cyflwyno'ch ffeil ym mhob un o'r tri math, dim ond am ddiogelwch, ond y mwyaf sydd ei angen arnoch yw MP3 ac un math arall.
  3. Llwythwch yr holl ffeiliau sain at eich gweinydd gwe a nodwch y cyfeiriadur yr ydych wedi'i storio ynddo. Mae'n syniad da eu gosod mewn is-gyfeiriadur yn unig ar gyfer ffeiliau sain, fel y rhan fwyaf o ddylunwyr yn arbed delweddau mewn cyfeiriadur delweddau .
  4. Ychwanegwch yr elfen AUDIO i'ch ffeil HTML lle rydych am i'r rheolaethau ffeil sain gael eu harddangos.
  5. Rhowch elfennau FFYNHONNELL Place ar gyfer pob ffeil sain y byddwch yn ei lanlwytho o fewn yr elfen AUDIO :
  1. Bydd unrhyw HTML y tu mewn i'r elfen AUDIO yn cael ei ddefnyddio fel gwrthbwyso ar gyfer porwyr nad ydynt yn cefnogi'r elfen AUDIO . Felly, ychwanegwch rai HTML. Y ffordd hawsaf yw ychwanegu HTML i'w galluogi i ddadlwytho'r ffeil, ond gallwch hefyd ddefnyddio HTML 4.01 yn ymgorffori dulliau i chwarae'r sain. Dyma restr syml:

    Nid yw eich porwr yn cefnogi chwarae sain, lawrlwythwch y ffeil:

    1. MP3 ,
    2. Vorbis , WAV
  2. Y peth olaf y mae angen i chi ei wneud yw cau'ch elfen AUDIO :
  3. Pan fyddwch chi'n gwneud, dylai'ch HTML edrych fel hyn:
    1. Nid yw eich porwr yn cefnogi chwarae sain, lawrlwythwch y ffeil:

    2. MP3 ,
    3. Vorbis ,
    4. WAV

Awgrymiadau Ychwanegol

  1. Gwnewch yn siŵr eich bod yn defnyddio'r doctype HTML5 () fel bod eich HTML yn dilysu
  2. Adolygu'r nodweddion sydd ar gael ar gyfer yr elfen i weld pa opsiynau eraill y gallwch eu hychwanegu at eich elfen.
  3. Nodwch ein bod yn sefydlu'r HTML i gynnwys rheolaethau yn ddiofyn a bod autoplay wedi diffodd. Gallwch, wrth gwrs, newid hynny, ond cofiwch fod llawer o bobl yn canfod sain sy'n dechrau'n awtomatig / na allant reoli ei fod yn blino ar y gorau, a bydd yn aml yn gadael y dudalen pan fydd hynny'n digwydd.