HTML 5 bideo-etiketak bideoak zure webgunera errazago gehitzeko aukera ematen du. Azalean erraz agertzen den bitartean, bideoak martxan jartzeko behar duzun gauza asko daude. Tutorial honek urratsak egingo ditu HTML 5 orrialdea sortzeko, nabigatzaile moderno guztietan bideoak bistaratuko dituena.
- Zure HTML 5 bideoak ostatatzea YouTube erabiliz
- Web bidezko euskarriaren ikuspegi azkarra
- Sortu eta editatu zure bideoa
- Bihurtu bideoak Ogg for Firefoxera
- Bihurtu bideoa MP4ra Safarira
- Bihurtu bideoak FLVra Internet Explorererako
- Gehitu bideoaren elementua zure webgunera
- Gehitu JavaScript eta Flash Player Internet Explorer laneko 1. zatia lortzeko
- Arakatzaile asko bezala probatu dezakezu
10eko 10
Zure HTML 5 bideoak ostatatzea YouTube erabiliz
YouTube gune bikaina da. Bideoa web orrialdeetan azkar txertatzea ahalbidetzen du, eta salbuespen txiki batzuekin oso bidezkoak dira bideo horien exekuzioan. YouTube-n bideo bat argitaratzen baduzu, ziur asko edonork ikusi ahal izango duela.
Baina YouTube-k zure bideoak txertatzeko erabiltzen ditu zenbait desabantaila
YouTube-ren arazo gehienak kontsumitzaileen aldean daude, diseinatzailearen alboan, besteak beste:
- Bilaketa eta indexazio motelagoa
- Zerbitzarien etenaldiak
- Edukia kenduz (itxuraz) arbitrarioki
- Eduki txarra gehiegi
Baina badira zenbait arrazoi YouTube edukiontzi garatzaileentzako txarrak direla, besteak beste:
- 10 minutuko bideoen gehienezko luzera (doako kontuak)
- Kargatze errendimendu eskasa
- YouTube-k bideoaren erabilera mugagabea irabazten du
- YouTube-ko edozein erabiltzailek bideoaren erabilera mugagabea irabazten du
HTML 5 bideoak abantaila batzuk ematen ditu YouTube-n
Bideoaren HTML 5 erabiltzea zure bideoaren alderdi guztiak kontrola ditzakezu, nork ikus dezakeen, zenbat denbora dagoen, edukia edukia duen, ostatatutakoan eta zerbitzariak nola egiten duen. HTML 5 bideoak bideoa formatu guztietan kodetzeko aukera ematen dizu, jende gehienak ikus ditzan ziurtatzeko. Zure bezeroek ez dute plugin bat behar edo YouTube bertsio berriago bat argitaratu arte itxaron.
Jakina, HTML 5 bideoak desabantaila batzuk eskaintzen ditu
Honako hauek dira:
- Zure bideoa kodetu behar duzu gutxienez hiru kodeka desberdinetan
- JavaScript batzuk sartu behar dituzu HTML 5 onartzen ez duten nabigatzaileak funtzionatzeko
- Zure zerbitzariak hosting bideoen eskakizunak betetzen ditu
10/10
Web bidezko euskarriaren ikuspegi azkarra
Web orriak bideoa gehitzea aspalditik prozesu zaila izan da. Gauza asko gertatu ziren:
- Lehenik eta behin,
- Beraz,
etiketara aldatzen duzu, baina nabigatzaile zaharrek ez dute onartzen eta berriagoak diren arakatzaileak sketchy dira bere laguntza. - Ondoren, uste duzu " Flash !" Eta kodetu zure bideoa FLV fitxategi gisa. Baina Flash ez da onartzen gailu mugikor askotan eta jende askok gorrotatu Flash ez du axola nola erabiltzen den (inkestatutakoen% 25 inkesta batean nola sentitzen duzun galdetuz, Flashek ezingo luke inola ere nabarmentzen).
- Horrela, YouTube bideoak kapsulatzea nahi duzun bideo bat kargatzea erabakitzen baduzu, YouTube-n gaiak dituzu.
- Azkenean, HTML 5arekin erabakitzen baduzu, Internet Explorer-ek ez du onartzen (Internet Explorer 9ra arte ez). Eta egiten baduzu, bi bideo kodeka estandarrak onartzen dira eta biak erabil ditzakezun arakatzaile bakarra. Bideo kodeken eta edukiontzien arakatzaileen euskarria
Beraz, zer egin behar duzu? Bideoan ematea ez da jada aukerarik gune gehienentzat, bideoak gero eta garrantzi handiagoa baitu. Webgune askok arrakastaz bideoera aldatu dute.
Artikulu honen ondorengo orriek Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 eta 4, iPhone eta Android, Flash, eta Internet Explorer 7 eta 8. ataletan bideoak nola gehitzen dituzten azaltzen lagunduko dizute. Gainera, behar izanez gero, beste nabigatzaile zaharragoentzako laguntza behar duten gakoak ere izan ditzakezu.
10/03
Sortu eta editatu zure bideoa
Web orrialde batean bideo bat jartzen ari zarenean, benetako bideoa da. Jarraian filmatu eta ondoren editatu egin dezakezu eginbide bat sortzeko, edo script-a eta aurrez asmatu dezakezu. Modu orotan ongi funtzionatzen du, eroso sentitzen zara. Ez badakizu zein motatako bideoak egin beharko zenuke, ideia horiek begiratu Desktop Video gidaan:
- Familia bideo proiektuak
- Marketing eta bideo promozionalak
- Bideoa Bisita Birtualak
- Nola bideoak
- Ezkontza Bideoak
Argibide nola kalitate handiko bideoak grabatu
Ziurtatu barrutik zein kanpotik nola grabatu eta audioa nola grabatu badakizu. Argiztapena ere oso garrantzitsua da - oso distiratsuak direnak, begiak beldurtuta, eta ilunegi ere itxura argala eta ez-profesionala. Nahiz eta zure webguneko 30 segundoko bideo bat izatea nahi baduzu, hobe da zure webgunean gogoeta hobea izatea.
Gogoratu ere zure bideoan erabili nahi duzun edozein soinu edo musika (eta stock metrajea) aplikatzen dela. Zure abesti bat idazten eta erreproduzitzen duen lagun bati sarbidea ez baduzu, atzeko planoan erreproduzitzeko aukera izango duzu royalty-free musika. Bideoetan gehitzeko metrajea ere badago.
Editatu zure bideoa
Ez du axola zer editatzen ari zaren erabiltzen duzun softwarea, betiere ezaguna zaizun bitartean eta modu eraginkorrean erabil dezazun. Gretchen-en, Mahaigaineko bideo-gidaliburua, zure bideoak editatzeko aholku profesional batzuk ditu, bideoak editatzen lagunduko dizute, itxura handia dutelako.
Gorde Zure Video MOV edo AVI (edo MPG, CD, DV)
Tutorial honen gainerakoan, zure bideoa kalitate handiko (ez konprimitu) formatuan gordetakoa da, AVI edo MOV bezalakoak. Fitxategi hauek erabil ditzakezun bitartean, dagoeneko eztabaidatu dugun bideoarekin arazoak sortzen dituzu. Hurrengo orrialdeek zure fitxategia hiru mota bihurtzeko nola azaltzen duten nabigatzaile kopuru handiena ikus dezakezue.
04 de 10
Bihurtu bideoak Ogg for Firefoxera
Ogg bihurtuko dugun lehen formatua (Ogg-Theora deitzen da batzuetan). Formatu hau Firefox 3.5, Opera 10.5 eta Chrome 3-k ikus dezakete.
Zoritxarrez, Ogg-ek arakatzailearen laguntza du, baina erosi ahal izango dituzun bideo-programetako asko (Adobe Media Encoder, QuickTime, etab.) Ez dute Ogg bihurketa aukera eskaintzen. Horrela, zure bideoa Ogg bihurtzeko bide bakarra Web orrian bihurketa programa bat izatea da.
Bihurketa aukerak
Bideo (eta audio) hainbat formatu (eta audio) beste bideo (eta audio) formatu bihurtzeko erreklamazioak Media-Bihurtutako izeneko tresna elektroniko bat dago. Noiz saiatu naiz nire 3 segundo test bideoarekin, ezin izan dugu nire Mac-ean lanean. Baina zorte hobea izan dezakezu. Gune honek dohainik izango du.
Beste zenbait tresna aurkitu ditugu:
- Miro Video Converter (Windows Macintosh) - Programa honek Ogg eta MP4 (H.264) bihurtzen ditu eta kode irekikoa da.
- Koyote Video Converter (Windows)
- Free Video Converter Windows eta Macintosh bertsio bat dela uste dugu, baina zaila izan zen haien gunetik kontatzea
- Theora sinfoniko sinplea (Macintosh) - hori erabiltzen ohi duguna da.
Behin zure bideoa Ogg formatuan gorde duzunean, gorde ezazu zure webguneko kokapen batera eta joan hurrengo orrira nabigatzaile batzuetarako beste formatuetara bihurtzeko.
10/10
Bihurtu bideoa MP4ra Safarira
Hurrengo formatua zure bideoa bihurtu behar duzu MP4 (H.264 bideoa), Safari 3 eta 4 erreproduzitu ahal izateko, eta iPhone eta Android. Gainera, H.264 bideoak FLV fitxategietara erraz bihur daitezke Flash behaketa egiteko.
Formatu hau produktu komertzialetan eskuragarri dagoenean eskuragarri dago eta dagoeneko badituzu programa bat MP4ra bihurtzeko bideo-editorea baduzu. Adobe Premiere badaukazu Adobe Video kodetzailea erabil dezakezu edo QuickTime Pro ere badarabilzu. Aurreko orrialdean eztabaidatu dugun bihurgailu askok bideoak MP4ra bihurtuko dituzte.
- Media-Bihurtu - online tresna
- Miro Video Converter (Windows Macintosh) - Programa honek Ogg eta MP4 (H.264) bihurtzen ditu eta kode irekikoa da.
- SUPER (Windows) - hainbat fitxategi mota MP4 eta FLV bihurtuko ditu
- Free Video Converter Windows eta Macintosh bertsio bat dela uste dugu, baina zaila izan zen haien gunetik kontatzea
Gorde zure MP4 fitxategira zure webgunera eta, ondoren, Flash bihurtu behar duzu Internet Explorer-era.
10eko 10
Bihurtu bideoak FLVra Internet Explorererako
FLV bideoak bihurtzeko modurik errazena Flash bera erabiltzea da. Hori da nire bideoak flash bihurtzea. Flash ez baduzu, hona hemen FLV fitxategiak bihurtzeko bi tresna ezagun:
- SUPER (Windows) - hainbat fitxategi mota MP4 eta FLV bihurtuko ditu
- ffmpegX (Macintosh) - Mp4 eta FLV motako fitxategi mota asko bihurtuko ditu.
Gorde zure FLV fitxategia zure webgunera eta hurrengo orrialdean erakutsiko dizu nola HTMLa idazteko, zure bideoak erreproduzitu ahal izateko.
07 de 10
Gehitu bideoaren elementua zure webgunera
HTML 5a oso erraza da bideoak web orrialdeak gehitzeko. Nabigatzaile modernoek HTML 5 bideoa onartzen dute, baina ez dute guztiz onartzen. Baina horrek esan nahi du bideoak Ogg eta MP4 formatu gisa gordetzea bada, lau edo bost HTML lerro idatzi ahal izango dituzu nabigatzaile moderno gehienetan erakusteko (Internet Explorer 8 izan ezik). Hona hemen nola:
- Idatzi HTML 5 doktore-markatzailea nabigatzaileek HTML 5 jakiteko:
- Sortu zure Web orria normalean sortuko zenuke:
title>
Head>
Body>
Html> - Gorputzaren barruan, jarri
- Erabaki zein motatako zure bideoak nahi duzun:
- autoplay - deskargatutakoan bezain laster hasteko
- kontrolak - baimendu zure irakurgailuak bideoak kontrolatzeko (pausatu, atzeratu, aurrera egin)
- begizta - hasi bideoak hasieratik amaitzen duenean
- aurrez kargatu - aurrez deskargatu bideoa, bezeroari klik eginez gero azkarrago prest dago
- poster - bideoak gelditutakoan erabili nahi duzun irudia definitu
video> - Ondoren gehitu bideo fitxategiaren bi bertsio (MP4 eta OGG) iturri fitxategiak
elementuaren barruan:
Video> - Ireki orria Chrome 1, Firefox 3.5, Opera 10 eta / edo Safari 4 eta ziurtatu behar bezala bistaratu duzula. Laburbilduz Firefox 3.5 eta Safari 4 gutxienez probatu beharko zenituzke kodeka desberdinetan.
Hori da. Behin kode hau leku horretan Firefox 3.5, Safari 4, Opera 10 eta Chrome 1. lanetan bideo bat edukiko duzu. Baina zer Internet Explorer-i buruz?
Internet Explorer ez du HTML 5 edo Tag bezalakoak
Hurrengo atalean, zer egin dezakezun azalduko dugu IE 8-k nicely erreproduzitzeko HTML 5 bideo-etiketekin eta bideo bat bistaratu dezan. Flash erabili behar duzu. Berri ona da IE 9 HTML 5 eta bideo-etiketa onartzen laguntzeko.
08 de 10
Gehitu JavaScript eta Flash Player Internet Explorer lana lortzeko
Nabarmendu egin dezakezu aurreko orriaren HTMLan FLV fitxategiaren iturburu-lerroa ez zegoela. Internet Explorer-en orria probatu baduzu, ez luke funtzionatuko. Hori dela eta, Internet Explorer 5 ez du ezagutzen eta ezin du OGG edo MP4 bideoak jatorriz erreproduzitu. Internet Explorer 7 eta 8 lanak lortzeko, Flash gisa erreproduzitu behar duzu. FLV fitxategiak gehitzen baino lan gehiago egiteko urrats gehiago daude.
1. urratsa: Get a Flash Video Player for Your Website
FlowPlayer lortzea gomendatzen dugu, zure web zerbitzarian instalatu dezakezu Flash bidezko erreproduzitzailea delako eta erreproduzitzeko Flash bidezkoa duzunean erabil dezazun. FlowPlayer-en doako bertsioa zure bideoetan publizitatea txertatzen baduzu, merkataritza lizentziak ere eros ditzakezu behar izanez gero.
FlowPlayer-en jarraibideak jarraitu FlowPlayer zure webgunean instalatzeko. Hitz batean, 2 SWF fitxategiak eta zure webguneko JavaScript fitxategia instalatuko dituzu. Zure HTML behealdean ( body> etiketa aurretik) lerro bat gehituko duzu: