Nettet har vært gjennom to distinkte faser, vanligvis omtalt som Web 1.0 og 2.0. Vi ’ re vurderer nå hvordan den tredje fasen vil forme opp. En teknologi som vil være sentrale er HTML 5, den nyeste generasjonen av markup kode som danner ryggraden i hver nettside. HTML 5-standarden gjør noen radikale endringer i måten sider er strukturert, slik at elementkoder referere til sine roller på siden i en mer grunnleggende og meningsfull måte.
En viktig del av denne prosessen er at audiovisuelt innhold har endelig blitt brakt inn i folden.
For så lenge internett har eksistert, teksten er gjengitt direkte av alle nettlesere. Kort tid etterpå, popularisert Mosaic webgrafikk – igjen, gjengitt av nettleseren. Men lyd og video har alltid nødvendig plug-ins. Dette har gjort samspillet mellom streaming-innhold og andre elementer på siden problematisk, og universell nettleser og plattform kompatibilitet umulig.
Med HTML 5, men både lyd og video kan gjøres direkte av kompatible nettlesere, i alle plattformer. Mobile nettlesere vil etter hvert bli inkludert, også.
Dette har enorme konsekvenser for video på nettstedet ditt. Det forenkler prosessen, slik at du ikke lenger trenger en proprietær streaming server og kan være vert filene på ditt eget webhotell. Den gjør det også audiovisuelle elementer for å fungere på stort sett samme måte som tekst og bilder. Slikt innhold er lettere løses ved interaktive skriptelementer, slik at videoen stasjonen andre tiltak innenfor websiden.
I denne opplæringen viser vi deg hvor enkelt det er å legge til HTML 5 video til ditt nettsted. Vi ’ ll vise deg hvordan du kan dra nytte av HTML 5 og sikre at området fortsetter å være tilgjengelig
Legg til HTML 5 video til din nettside
Trinn 1. Din første oppgave er å lage din. videofiler. Du ’ ll trenger for å lage minst to versjoner for å sikre din video er kompatibel med alle nettlesere. EasyHTML5Video vil kode alt for deg, og selv skaper de tilhørende HTML-filer. Det ’. Er gratis for ikke-kommersiell bruk
Trinn 2. For bedre alternativer konfigurasjons vi anbefaler MiniCoder. Installere programvaren og kjøre oppdateringsprogrammet for å laste ned de nødvendige giver filer. Laste filene du ønsker å kode inn på listen. Du kan kode flere filer samtidig, men bare én koding malen kan brukes om gangen
Trinn 3. Først må vi ’. Re kommer til å lage en Mpeg4-fil med MP3-lyd. Velg x264 for Codec, og MP4 for Format. Sett lydkodek til Lame MP3. Spesifiser video bitrate til 700kbps og lyd til 128 kbps. Du kan også endre størrelsen på filteralternativer. Lagre innstillingene som en forhåndsinnstilling for senere bruk.
Trinn 4. Følg en tilsvarende prosess for å skape en Ogg Theora versjon. Velge Theora grått ut det meste av lyd Valg og Container alternativ, men du kan fortsatt velge bitrate for både video og lyd, og endre størrelse innstillinger. Igjen, anbefaler vi å lagre innstillingene som en forhåndsinnstilling ved hjelp av Lagre-knappen på bottom.
Trinn 14. Her er en video som viser et stillbilde før avspilling, i Firefox, Chrome og Internet Explorer. Legg merke til at sistnevnte doesn ’ t vise plakaten ramme, bevis på det faktum at det ’. Er fortsatt et stykke vei å gå før HTML 5 video kan brukes med total tillit til at det vil fungere som håpet i hver nettleser