La HTML-5a etikedo faciligas aldoni filmetojn al viaj TTT-paĝoj . Sed dum ĝi aspektas facila sur la surfaco, ekzistas multaj aferoj, kiujn vi bezonas por akiri vian filmetadon kaj kuradadon. Ĉi tiu lernilo kondukos vin laŭ la paŝoj por krei paĝon en HTML 5, kiu kuros video en ĉiuj modernaj foliumiloj.
- Gastiganta Vian Propran HTML 5 Video #kontra? Uzanta YouTube
- Rapida Superrigardo de Video Subtenado en la Retejo
- Krei kaj Redakti Vian Video
- Konvertu la Video al Ogg por Firefox
- Konvertu la Video al MP4 por Safaro
- Konvertu la Video al FLV por Interreto Explorer
- Aldonu la Elektan Elekton al Via Retpaĝo
- Aldonu la JavaScript kaj Flash- Ludilon por akiri Interretan Esploriston al Laboro Parto 1
- Testo en Kiel Multaj Foliumiloj Kiel Vi Povas
01 de 10
Gastiganta Vian Propran HTML 5 Video #kontra? Uzanta YouTube
YouTube estas bonega retejo. Ĝi faciligas enkorpigi filmetojn en Retpaĝojn rapide, kaj kun kelkaj malgrandaj esceptoj estas sufiĉe perfekta en ĝia ekzekuto de tiuj videoj. Se vi afiŝas video en YouTube, vi povas esti sufiĉe certa, ke iu povos rigardi ĝin.
Sed Uzado de YouTube por Embed Your Videos Havas Iuj Malavantaĝoj
La plej multaj el la problemoj kun YouTube estas sur la konsumanto, prefere ol sur la desegnilo, kiel:
- Malrapida serĉado kaj indeksado
- Serviloj ekstere
- Enhavo esti forigita (ŝajne) arbitre
- Tro da malbona enhavo
Sed estas kelkaj kialoj, kial YouTube estas malbona por enhavaj programistoj ankaŭ, inkluzive:
- Maksimuma longo de 10 minutoj por videoj (senpage)
- Malriĉa alŝuta agado
- YouTube gajnas senlimajn uzajn rajtojn al via video
- Ajna uzanto de YouTube gajnas senlimajn uzajn rajtojn al via video
HTML 5 Video Donas Iuj Avantaĝoj Super YouTube
Uzante HTML 5 por video permesos vin kontroli ĉiun aspekton de via video, el kiu povas vidi ĝin, kiom longe ĝi estas, kio enhavas enhavas, kie ĝi estas gastigita kaj kiel la servilo plenumas. Kaj HTML-5a video donas al vi la ŝancon kodi vian video en tiom da formatoj kiel vi devas certigi, ke la maksimuma nombro da homoj povas vidi ĝin. Viaj klientoj ne bezonas kromprogramon aŭ atendi ĝis YouTube publikigas pli novan version.
Por kurso, HTML 5 Video Proponas Iuj Malavantaĝoj
Ĉi tiuj inkluzivas:
- Vi devas kodi vian video en almenaŭ tri malsamaj kodekoj
- Vi devas inkludi iujn JavaScript por certigi ke retumiloj, kiuj ne subtenas HTML 5 , funkcios
- Via servilo devas pritrakti la larĝajn postulojn de gastigaj filmetoj
02 de 10
Rapida Superrigardo de Video Subtenado en la Retejo
Aldonante video al retpaĝoj estis malfacila procezo. Estis tiom da aferoj, kiuj povus iri malĝuste:
- Unue, vi uzas la etikedon
- Do vi ŝanĝas al la etikedo
- Tiam vi pensas " Ekbrilo !" Kaj kodu vian filmeton kiel FLV-dosieron. Sed Flash ne subtenas multajn mekanismojn móviles kaj multaj homoj malamas Flash, kiom ĝi estas uzata (25% de la enketitaj en mia enketo demandas pri kiel vi sentas, ke pri Flash diris, ke ili ne povas toleri Flash en iu ajn maniero).
- Do vi decidas alŝuti vian filmeton al video enigo de ejo kiel YouTube, sed tiam vi havas la demandojn kun YouTube ni diskutis.
- Fine, vi decidas iri kun HTML 5, sed Interreto Explorer ne subtenas ĝin (ne ĝis Internet Explorer 9). Kaj eĉ se vi faras, ekzistas du videojkodaj normoj, kiuj estas subtenataj kaj nur unu retumilo, kiu povas uzi ambaŭ. Foliumilo Subteno por Video Codecs kaj Enhavantoj
Do kion vi supozu fari? Doni supre sur video ne plu estas opcio por plej multaj retejoj, ĉar la video fariĝas pli kaj pli grava. Kaj multaj retejoj sukcese ŝanĝis al video.
La jenaj paĝoj de ĉi tiu artikolo pasigos vin kiel aldoni video al viaj retpaĝoj, kiuj funkcias en Firefox 3.5, Operacias 10.5, Chrome 3.0, Safari 3 kaj 4, iPhone kaj Android, Ekbrilo kaj Interreto Explorer 7 kaj 8. Vi volas Ankaŭ havas la ŝlosilojn, kiujn vi bezonas aldoni subtenon al aliaj malnovaj foliumiloj, se necese.
03 de 10
Krei kaj Redakti Vian Video
La unua afero, kiun vi bezonas, kiam vi enmetos video en retpaĝon estas la reala video. Vi povas ankaŭ pafi senĉese kaj redakti poste krei funkcion, aŭ vi povas skribi ĝin kaj plani ĝin antaŭ ol tempo. Kiel ajn bone funkcias, ĝi estas nur kiom komforta kun vi. Se vi ne scias, kian tipon de video vi devas fari, kontrolu ĉi tiujn ideojn de la Labortabla Video-Gvidilo:
- Familiaj Video-Projektoj
- Merkatumado kaj Promotaj Videoj
- Video Virtualaj #Travoja?
- Kiel Videoj
- Geedziĝo Videoj
Lernu kiel registri altkvalitan filmon
Certiĝu, ke vi scias kiel registri interne kaj eksterlande tiel kiel kiel registri audio. Lumigado ankaŭ estas tre grava - ŝotoj, kiuj estas tro brilaj, vundas la okulojn, kaj tro malhelaj nur aspektas kruela kaj neprofesia. Eĉ se vi nur planas havi 30-sekundan filmeton sur via retejo, la pli alta kvalito estas pli bone, ke ĝi reflektos vian retejon.
Memoru ankaŭ, ke kopirajto aplikiĝas al iuj sonoj aŭ muziko (kiel ankaŭ stock stock), kiujn vi eble volas uzi en via video. Se vi ne havas aliron al amiko, kiu povas skribi kaj ludi kanton por vi, vi devos serĉi realecan muzikon por ludi en la fono. Ankaŭ estas lokoj, kiujn vi povas provizi bildojn por aldoni al viaj videoj.
Redaktante Vian Video
Ĝi ne gravas, kion redaktas programaro, kiun vi uzas, tiel longe kiel vi konas ĝin kaj povas uzi ĝin efike. Gretchen, la Labortabla Video-Gvidilo, havas kelkajn profesiajn video-redaktajn konsiletojn, kiuj povas helpi vin redakti viajn filmetojn por ke ili aspektas bonege.
Konservu vian video al MOV aŭ AVI (aŭ MPG, KD, DV)
Por la resto de ĉi tiu lernilo, ni supozos, ke via video konservita en iu tipo de alta kvalito (senpremita) formato kiel AVI aŭ MOV. Dum vi povas uzi ĉi tiujn dosierojn kiel ili estas, vi kuras ĉiujn problemojn kun video, kiujn ni jam diskutis. La jenaj paĝoj klarigos kiel konverti vian dosieron en tri tipojn por ke ĝi estas videbla per la plej granda nombro de retumiloj.
04 de 10
Konvertu la Video al Ogg por Firefox
La unua formato, kiun ni konvertos al ni, estas Ogg (iam nomata Ogg-Theora). Ĉi tiu formato estas unu, ke Firefox 3.5, Opero 10.5, kaj Chrome 3 povas vidi.
Bedaŭrinde, dum Ogg havas retumilon, multaj el la konataj videoludoj, kiujn vi povas aĉeti (Adobe Media Encoder, QuickTime, ktp) ne ofertas opcion de konvertiĝo Ogg. Do la sola maniero por konverti vian video al Ogg estas trovi programon de konvertiĝo en la retejo.
Konvertiĝaj opcioj
Ekzistas interreta ilo nomata Media-Convert, kiu asertas konverti diversajn formatojn de video (kaj audio) en aliajn formatojn (kaj audio). Kiam ni provis ĝin per mia 3-dua provo-video, ni ne povis ĝin funkcii sur mia Mac. Sed vi eble havas pli bonan sorton. Ĉi tiu retejo havas la profiton esti libera.
Iuj aliaj iloj, kiujn ni trovis, inkluzivas:
- Miro Video-Konvertilo (Windows Macintosh) - Ĉi tiu programo havas la profiton de konvertiĝo al Ogg kaj MP4 (H.264) kaj ĝi estas malferma fonto.
- Koyote Video-Konvertilo (Vindozo)
- Senpaga Video-Konvertilo Ni pensas, ke ĉi tio havas ambaŭ Windows kaj Macintosh-versio, sed ĝi malfacile sciis de sia retejo
- Simpla Theora Encoder (Macintosh) - ĉi tiu estas tiu, kiun ni kutimis uzi.
Fojo vi konservas vian video en la formato Ogg, konservu ĝin al loko en via retejo kaj iru al la sekva paĝo por igi ĝin al aliaj formatoj por aliaj retumiloj.
05 de 10
Konvertu la Video al MP4 por Safaro
La sekva formato, kiun vi devus konverti, estas MP4 (H.264-video) tiel ke ĝi povas esti ludata sur Safaro 3 kaj 4 kaj la iPhone kaj Android. Plus, H.264 filmetoj povas facile konvertiĝi al FLV-dosieroj por rigardi Flash.
Ĉi tiu formato estas pli facile havebla en komercaj produktoj, kaj vi verŝajne jam havas programon, kiu konvertiĝos al MP4 se vi havas filmetilon. Se vi havas Adobe Premiere vi povas uzi Adobe Video Encoder, aŭ se vi havas QuickTime Pro, kiu funkcios ankaŭ. Multaj el la konvertantoj, kiujn ni diskutis en la antaŭa paĝo, ankaŭ konvertos filmetojn al MP4.
- Media-Convert - enreta ilo
- Miro Video-Konvertilo (Windows Macintosh) - Ĉi tiu programo havas la profiton de konvertiĝo al Ogg kaj MP4 (H.264) kaj ĝi estas malferma fonto.
- SUPER (Vindozo) - konvertos multajn malsamajn dosierojn al MP4 kaj FLV
- Senpaga Video-Konvertilo Ni pensas, ke ĉi tio havas ambaŭ Windows kaj Macintosh-versio, sed ĝi malfacile sciis de sia retejo
Konservu vian MP4-dosieron al via retejo kaj tiam vi devos konverti ĝin al Flash por uzi Internet Explorer.
06 de 10
Konvertu la Video al FLV por Interreto Explorer
La plej facila maniero por konverti filmetojn al FLV estas uzi Flash mem. Jen kiel ni transformas miajn filmetojn al Flash. Sed se vi ne havas Flash, jen du popularaj iloj por konverti dosierojn al FLV:
- SUPER (Vindozo) - konvertos multajn malsamajn dosierojn al MP4 kaj FLV
- ffmpegX (Macintosh) - konvertos multajn malsamajn dosierojn al Mp4 kaj FLV.
Konservu vian FLV-dosieron al via retejo kaj la sekva paĝo montros al vi kiel skribi la HTML por ke vi povu ludi viajn filmetojn.
07 de 10
Aldonu la Elektan Elekton al Via Retpaĝo
Estas tre facile uzi HTML 5 por aldoni video al TTT-paĝoj. Plej modernaj foliumiloj subtenas HTML-5-video, kvankam ili ne ĉiuj subtenas ĝin sammaniere. Sed tio signifas, ke se vi konservos vian video kiel formatojn Ogg kaj MP4, vi povos skribi nur kvar aŭ kvin liniojn de HTML por montri ĝin en plej modernaj foliumiloj (krom Internet Explorer 8). Jen kiel:
- Skribu la HTML 5 lernilon por ke retumiloj scias atendi HTML 5:
- Krei vian Retpaĝon kiel vi kutime kreus ĝin:
title>
kapo>
korpo>
html> - En la korpo, metu la
- Decidi kion atributoj vi volas, ke via video havas:
- autoplay - komenci tuj kiam ĝi elŝutas
- Kontroloj - Permesu al viaj legantoj kontroli la filmeton (paŭzi, rekuperi, rapid-antaŭen)
- buklo - komencu la filmon de la komenco kiam ĝi finiĝas
- antaŭŝargi - antaŭ-elŝuti la video tiel ke ĝi pretas pli rapide kiam la kliento klakas sur ĝi
- afiŝo - difini la bildon, kiun vi volas uzi kiam la video estas haltita
video> - Poste aldonu la fontajn dosierojn por la du versioj de via video (MP4 kaj OGG) ene de la
elemento:
- Malfermu la paĝon en Chrome 1, Firefox 3.5, Opero 10, kaj / aŭ Safaro 4 kaj certigu, ke ĝi montriĝos ĝuste. Vi devas provi ĝin almenaŭ Firefox 3.5 kaj Safari 4 - ĉar ili ĉiuj uzas malsaman kodekon.
Jen ĝi. Unufoje vi havas ĉi tiun kodon en la loko, vi havos filmon, kiu funkcias en Firefox 3.5, Safari 4, Operacias 10, kaj Chrome 1. Sed kio pri Internet Explorer?
Interreto Explorer Ne ŝatas HTML 5 aŭ la Tag
En la sekva sekcio, Ni parolos pri tio, kion vi povas fari por ricevi IE 8 por ludi bone kun viaj HTML 5-etikedoj kaj montri filmeton. Vi devas uzi Flash. La bona novaĵo estas, ke IE 9 atendas subteni HTML 5 kaj la etikedon.
08 de 10
Aldonu la JavaScript kaj Flash-Ludilon por akiri Interreta Explorer al Laboro
Vi eble rimarkis, ke en la antaŭa paĝo de HTML, ne estis fonta linio por la FLV-dosiero. Kaj se vi provis tiun paĝon en Internet Explorer, ĝi ne funkcios. Jen ĉar Internet Explorer ne rekonas HTML 5 kaj ĝi ne povas ludi aŭ OGG aŭ MP4 filojn denaske. Por akiri Interreta Explorer 7 kaj 8 por labori, vi devas havi ĝin ludi la filmon kiel Flash. Sed ekzistas pli da paŝoj por akiri ĝin funkcii ol nur aldonante la FLV-dosieron.
Paŝo 1: Akiru Flash Video Player por Via Retejo
Ni rekomendas ricevi FlowPlayer ĉar ĝi estas malferma fonto Flash-reprodukta ludilo, kiun vi povas instali en via TTT-servilo kaj uzi kiam ajn vi havas Flash-ludon por ludi. La libera versio de FlowPlayer enigas publikecon en viajn filmetojn, sed vi ankaŭ povas aĉeti komercajn permesilojn se vi bezonas ilin.
Sekvu la instrukciojn en la FlowPlayer-ejo por instali FlowPlayer en via retejo. En malmultaj vortoj, vi instalos 2 SWF-dosierojn kaj JavaScript-dosieron en via retejo. En la fundo de via HTML, (antaŭ la etikedo body>) vi aldonos linion: