Håndtering av multimediafiler i HTML
- Multimedia i HTML
- HTML-støttede multimediaformater
- Hvordan legge til bilder i HTML
- Hvordan du spiller lyd på et nettsted
- Hvordan spille av video på et nettsted
- Hvordan spille en YouTube -video ved hjelp av HTML
La oss utforske hvert av de ovennevnte konseptene en etter en:
Multimedia i HTML
Multimedia er en måte å overføre informasjon fra den ene kilden til den andre. Det kan være noe som lyd, video osv. Gjennom kraften til HTML kan vi legge til lyd, video eller andre slags multimediafiler til våre nettsteder.
HTML-støttede multimediaformater
Hver fil har et filformat og en filforlengelse, og disse utvidelsene gir oss beskjed om filformatene. Det er mange filformater, men i webutvikling er det som betyr mest om filformatet støttes av HTML -standardene eller ikke?
Her er en liste over HTML-støttede filformater for forskjellige multimedietyper:
Lyd: Mp3, OGG og WAV har støtte fra alle viktige nettlesere.
Video: MP4, OGG og WebM støttes av HTML, så vel som av alle større nettlesere som Google, Chrome, Microsoft Edge, etc.
Bilde: JPG/JPEG, PNG og GIF støttes av HTML for bilder.
Hvordan legge til bilder i HTML
HTML gir en tag for å legge til et bilde til et nettsted; det tar to primære attributter i.e. SRC for å spesifisere bildets bane og ALT for å vise noen vekslet tekst hvis et bilde ikke er i stand til å laste inn.
Eksempel
Følgende kode vil legge inn et bilde til et nettsted:
Følgende vil være utdataene for ovennevnte kodelinje:
Hvordan legge til lyd i HTML
I HTML Tag brukes til å legge til en lydfil på hvilken som helst webside. Flere attributter kan brukes i lydkoden for å spesifisere arbeidet med stikkord.
Eksempel
La oss anta et eksempel for å forstå hvordan tag fungerer:
mp3 -fil ikke støttet!
Følgende vil være utgangen for ovennevnte utdrag:
Output verifiserer at mp3 -filen fungerer perfekt.
Hvordan legge til video i HTML
I html a Tag brukes til å legge til en video på et hvilket som helst nettsted. HTML Tag kan ha flere attributter som kontroller, autoplay, plakat osv. Disse attributtene utforsker taggen til å fungere.
Eksempel
La oss vurdere utdraget nedenfor for den dype forståelsen av HTML stikkord
ikke støttet!!
Innsiden Tag Vi spesifiserer attributtene for å kontrollere atferden til video:
- De kontroller Attributt vil vise videoalternativene som spill, pause, stum osv.
- De Auto spill Attributt vil starte videoen på nytt når den er fullført.
- De dempet attributt vil aktivere det stumme alternativet.
Deretter bruker vi kildekoden for å sette inn adressen til videoen. Vi spesifiserer to videoformater slik at hvis den første videoen ikke kan fungere, vil nettleseren spille den andre. Og hvis nettleseren av en eller annen grunn ikke klarer å spille av begge videoene, så "ikke støttet! ”Vises på skjermen. Utgangen vil være noe slikt:
Hvordan legge inn en YouTube -video på en webside ved hjelp av HTML
De
Bare lagre HTML -koden, og nå kan du spille av YouTube -videoen på nettstedet ditt:
YouTube -videoen er innebygd på nettstedet ditt med hell.
Konklusjon
HTML gir forskjellige tagger for å håndtere multimediafiler for å legge inn en lyd, video og bilde på henholdsvis et nettsted som bruker, og tagger. For å legge inn et hvilket som helst annet dokument på nettstedet ditt