Multimedia avspilling i HTML5

Når vi jobber på nettet, må vi sikre at hver bruker har en tilfredsstillende opplevelse på siden vår. Mange ganger innebærer dette at vi må opprette ytterligere eller mindre effektiv kode, alt for at siden vår ikke skal mislykkes.
Med den nye standarden HTML vi har de nye multimediaelementene, for eksempel lyd og video, siden begge har en felles opprinnelse, kan vi evaluere formatene deres og på denne måten vite om nettleseren kan spille de spesifiserte filene eller ikke.
CanPlayType -metode
Metoden canPlayType Det lar oss vite eller ha en forestilling om hvorvidt nettleseren kan spille av multimediefilen som vi angir.
Ved å bruke denne metoden kan vi ha tre typer svar:

• “” tom forteller dette oss at du ikke kan spille av filen i det angitte formatet.
• kan være dette svaret forteller oss at formatet kan spilles av.
• sannsynligvis Med denne responsen forteller nettleseren oss at det er store sannsynligheter for at den kan reprodusere innholdet i det angitte formatet.

La oss se nedenfor en kode der vi bruker denne metoden på en multimediefil:

 Eksempelvideo kan ikke vises 
 
Eiendom
Verdi

 

 

Her er det enkelt å utføre to matriser, i den første plasserer vi navnene på filene med forskjellige utvidelser, i den andre plasserer vi formatene vi har, en gang med det går vi gjennom en rekke formater og deretter evaluerer vi med metoden canPlaytype for å få svaret vi trenger.
Så langt går alt problemfritt, når vi har evalueringen spør vi hvem som har returnert svaret sannsynligvis og det er den vi vil plassere for reproduksjon.
La oss se hvordan dette ser ut i nettleseren:

I dette spesifikke eksemplet bruker vi Firefox, i dette tilfellet er formatet som nettleseren kan reprodusere webm og det er faktisk det som er vist i det tilsvarende elementet.
Som vi kan se, tillater denne metoden oss å etablere flere alternativer, og hvis vi utvikler algoritmen vår riktig, kan vi utføre en veldig robust funksjonalitet som lar oss nyte fordelene av HTML5 i å administrere multimedia i flere nettlesere uten å måtte bekymre deg for brukeropplevelsen.
Med dette fullfører vi opplæringen, som nå har kunnskapen om hvordan man evaluerer de forskjellige multimediaformatene og hvordan nettlesere kan behandle hver enkelt.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng