Lebo ya video ya HTML 5 inafanya kuwa rahisi kuongeza video kwenye kurasa zako za Wavuti . Lakini wakati inaonekana rahisi kwenye uso, kuna mambo mengi ambayo unahitaji kufanya ili upate video yako na kuendesha. Mafunzo haya atakupeleka hatua za kuunda ukurasa katika HTML 5 ambayo itaendesha video katika vivinjari vyote vya kisasa.
- Kusimamia HTML Yako mwenyewe 5 Video dhidi ya kutumia YouTube
- Maelezo ya haraka ya Misaada ya Video kwenye Mtandao
- Unda na Hariri Video yako
- Badilisha Video kwa Ogg kwa Firefox
- Badilisha Video hadi MP4 kwa Safari
- Badilisha Video kwa FLV kwa Internet Explorer
- Ongeza Element Video kwenye Mtandao wako Page
- Ongeza Javascript na Kiwango cha Kivinjari cha Kupata Internet Explorer Kazi Sehemu ya 1
- Mtihani katika Washujaa Wengi Kama Unaweza
01 ya 10
Kusimamia HTML Yako mwenyewe 5 Video dhidi ya kutumia YouTube
YouTube ni tovuti nzuri. Inaleta urahisi kuingiza video kwenye kurasa za Wavuti haraka, na kwa baadhi ya vidogo vidogo hakika imefungwa katika utekelezaji wa video hizo. Ikiwa unatumia video kwenye YouTube, unaweza kuwa na hakika kuwa mtu yeyote ataweza kuiangalia.
Lakini Kutumia YouTube kuingiza Video Zako Kuna Vikwazo Vingine
Matatizo mengi na YouTube yana upande wa walaji, badala ya upande wa kubuni, mambo kama:
- Inapunguza utafutaji na kuashiria
- Mipangilio ya seva
- Maudhui yameondolewa (inaonekana) kwa usawa
- Maudhui mabaya sana
Lakini kuna baadhi ya sababu kwa nini YouTube ni mbaya kwa waendelezaji wa maudhui pia, ikiwa ni pamoja na:
- Urefu wa dakika 10 kwa video (kwa akaunti za bure)
- Ukosefu wa kupakia utendaji
- YouTube inapata haki za matumizi ya ukomo kwenye video yako
- Mtumiaji yeyote wa YouTube anapata haki za matumizi ya ukomo kwa video yako
Video ya HTML 5 Inatoa Faida Zingine Zaidi ya YouTube
Kutumia HTML 5 kwa video itawawezesha kudhibiti kila kipengele cha video yako, kutoka kwa nani anayeweza kuiangalia, kwa muda gani, maudhui yaliyomo, wapi mwenyeji na jinsi seva inafanya. Na HTML 5 video inakupa fursa ya kuingiza video yako kwa muundo kama unahitaji kuhakikisha kuwa idadi kubwa ya watu inaweza kuiona. Wateja wako hawahitaji Plugin au kusubiri mpaka YouTube ikitoa toleo jipya.
Kwa Kozi, HTML 5 Video Inatoa Vipengele vingine
Hizi ni pamoja na:
- Unazidi kuingiza video yako angalau codec tatu tofauti
- Unajumuisha baadhi ya JavaScript ili kuhakikisha kuwa browsers zisizounga mkono HTML 5 zitatumika
- Seva yako inaweza kushughulikia mahitaji ya bandwidth ya kuhudhuria video
02 ya 10
Maelezo ya haraka ya Misaada ya Video kwenye Mtandao
Kuongeza video kwenye kurasa za wavuti kwa muda mrefu imekuwa mchakato mgumu. Kulikuwa na vitu vingi ambavyo vinaweza kwenda vibaya:
- Kwanza, unatumia bati
- Kwa hiyo unabadilisha kwenye lebo
- Kisha unadhani " Flash !" Na encode video yako kama faili ya FLV. Lakini Kiwango cha hakitumiki kwenye vifaa vingi vya simu na watu wengi huchukia Flash bila kujali jinsi hutumiwa (25% ya washiriki katika uchaguzi wangu wanauliza kuhusu jinsi unavyohisi kuhusu Flash alisema kuwa hawawezi kusimama Kiwango cha njia yoyote).
- Kwa hivyo unaamua kupakia video yako kwenye tovuti ya kuingiza video kama YouTube, lakini kisha una matatizo na YouTube tunayojadiliwa.
- Hatimaye, unaamua kwenda na HTML 5, lakini Internet Explorer haiiunga mkono (hata Internet Explorer 9). Na hata kama unafanya, kuna viwango viwili vya video vya codec ambavyo vinasaidiwa na kivinjari kimoja ambacho kinaweza kutumia wote wawili. Msaada wa Browser kwa Codecs Video na Containers
Kwa hiyo unapaswa kufanya nini? Kutoa kwenye video sio chaguo kwa maeneo mengi, kama video inakuwa muhimu zaidi. Na maeneo mengi yamebadilika kwa video.
Kurasa zifuatazo za makala hii zitakwenda kwa njia ya kuongeza video kwenye kurasa zako za wavuti zinazofanya kazi kwenye Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 na 4, iPhone na Android, Flash, na Internet Explorer 7 na 8. Utakuwa pia uwe na funguo unazohitaji kuongeza msaada kwa browsers wengine wakubwa ikiwa ni lazima.
03 ya 10
Unda na Hariri Video yako
Kitu cha kwanza unachohitaji wakati unapoweka video kwenye ukurasa wa wavuti ni video halisi. Unaweza ama risasi mara kwa mara na kuhariri baadaye ili uunda kipengele, au unaweza kuandika na kuipanga kabla ya muda. Njia yoyote inafanya kazi vizuri, ni tu chochote unachostahili. Ikiwa hujui aina ya video unapaswa kufanya, angalia mawazo haya kutoka kwa Mwongozo wa Video ya Desktop:
- Mradi wa Video za Familia
- Video za Masoko na Uendelezaji
- Video Ziara za Virtual
- Jinsi ya Video
- Video za Harusi
Jifunze Jinsi ya Kurekodi Video Bora
Hakikisha unajua jinsi ya kurekodi ndani na nje na pia jinsi ya kurekodi sauti. Taa pia ni muhimu sana - shots ambazo ni mkali mno huumiza macho, na giza pia huangalia tu matope na usio na faida. Hata kama wewe tu unapanga mpango wa kuwa na video ya pili ya pili kwenye tovuti yako, ubora wa juu ni bora zaidi kutafakari kwenye tovuti yako.
Kumbuka pia kwamba hati miliki inatumika kwa sauti yoyote au muziki (pamoja na picha za hisa) ambayo unaweza kutaka kutumia katika video yako. Ikiwa huna upatikanaji wa rafiki ambaye anaweza kuandika na kucheza wimbo kwa ajili yako, utahitaji kupata muziki usio na kifalme ili kucheza nyuma. Kuna pia maeneo ambayo unaweza kuhifadhi picha ili kuongeza video zako.
Uhariri Video Yako
Haijalishi programu ya uhariri unayotumia, kwa muda mrefu tu kama unavyoijua na unaweza kuiitumia kwa ufanisi. Gretchen, Mwongozo wa Video ya Desktop, ina vidokezo vya kitaalamu vya uhariri wa video ambavyo vinaweza kukusaidia kuhariri video zako ili waweze kuonekana kuwa bora.
Hifadhi Video yako kwenye MOV au AVI (au MPG, CD, DV)
Kwa mafundisho haya yote, tutafikiria kuwa video yako imehifadhiwa katika aina fulani ya muundo wa ubora wa juu (usioingizwa) kama AVI au MOV. Wakati unaweza kutumia faili hizi kama ilivyo, unakimbia katika matatizo yote na video ambayo tumejadiliwa. Kurasa zifuatazo zitaeleza jinsi ya kubadilisha faili yako katika aina tatu ili iweze kuonekana na idadi kubwa ya browsers.
04 ya 10
Badilisha Video kwa Ogg kwa Firefox
Faili ya kwanza tutayobadilisha ni Ogg (wakati mwingine huitwa Ogg-Theora). Fomu hii ni moja ambayo Firefox 3.5, Opera 10.5, na Chrome 3 zinaweza kutazama.
Kwa bahati mbaya, wakati Ogg ina msaada wa kivinjari, mipango mingi ya video inayojulikana ambayo unaweza kununua (Adobe Media Encoder, QuickTime, nk) haitoi chaguo la uongofu la Ogg. Hivyo njia pekee ya kubadilisha video yako kwa Ogg ni kupata programu ya uongofu kwenye Mtandao.
Chaguo za Kubadilisha
Kuna chombo cha mtandaoni kinachoitwa Media-Convert kinachodai kubadilisha miundo tofauti ya video (na sauti) kwenye viumbe vingine vya video (na sauti). Tulipojaribu kwa video yangu ya jaribio la pili la pili, hatukuweza kupata kazi kwenye Mac yangu. Lakini unaweza kuwa na bahati nzuri. Tovuti hii ina faida ya kuwa huru.
Vifaa vingine vingine tulivyopatikana ni pamoja na:
- Converter Miro Video (Windows Macintosh) - Programu hii ina manufaa ya kubadili wote Ogg na MP4 (H.264) na ni chanzo wazi.
- Koyote Video Converter (Windows)
- Kubadilisha Video ya Uhuru Tunafikiri hii ina version ya Windows na Macintosh, lakini ilikuwa ngumu kuwaambia kutoka kwenye tovuti yao
- Kitambulisho cha Theora rahisi (Macintosh) - hii ndio tunachotumia.
Mara baada ya video yako kuokolewa kwenye muundo wa Ogg, ihifadhi kwenye eneo kwenye tovuti yako na uende kwenye ukurasa unaofuata ili ugeuze kwa muundo mwingine kwa vivinjari vingine.
05 ya 10
Badilisha Video hadi MP4 kwa Safari
Fomu inayofuata unapaswa kubadili video yako ni MP4 (video H.264) ili iweze kucheza kwenye Safari 3 na 4 na iPhone na Android. Zaidi, video za H.264 zinaweza kubadilishwa kwa urahisi na faili za FLV kwa kuangalia kwenye Kiwango cha.
Fomu hii inapatikana kwa urahisi katika bidhaa za biashara, na labda tayari una mpango ambao utabadilisha MP4 ikiwa una mhariri wa video. Ikiwa una Adobe Premiere unaweza kutumia Kitambulisho cha Video cha Adobe, au ikiwa una QuickTime Pro ambayo itafanya kazi pia. Waongofu wengi tuliojadiliwa kwenye ukurasa uliopita pia utabadilisha video kwa MP4.
- Vyombo vya habari-Convert - chombo cha mtandaoni
- Converter Miro Video (Windows Macintosh) - Programu hii ina manufaa ya kubadili wote Ogg na MP4 (H.264) na ni chanzo wazi.
- SUPER (Windows) - itabadilisha aina nyingi za faili kwa MP4 na FLV
- Kubadilisha Video ya Uhuru Tunafikiri hii ina version ya Windows na Macintosh, lakini ilikuwa ngumu kuwaambia kutoka kwenye tovuti yao
Hifadhi faili yako ya MP4 kwenye tovuti yako na kisha utahitaji kubadilisha kwa Flash kwa Internet Explorer ili itumie.
06 ya 10
Badilisha Video kwa FLV kwa Internet Explorer
Njia rahisi ya kubadili video kwa FLV ni kutumia Flash yenyewe. Hiyo ndivyo tunavyobadilisha video zangu kwenye Flash. Lakini kama huna Flash, hapa kuna zana mbili maarufu za kubadilisha faili kwa FLV:
- SUPER (Windows) - itabadilisha aina nyingi za faili kwa MP4 na FLV
- ffmpegX (Macintosh) - itabadilisha aina nyingi za faili kwa Mp4 na FLV.
Hifadhi faili yako ya FLV kwenye tovuti yako na ukurasa unaofuata itakuonyesha jinsi ya kuandika HTML ili uweze kucheza video zako.
07 ya 10
Ongeza Element Video kwenye Mtandao wako Page
Ni rahisi sana kutumia HTML 5 kuongeza video kwenye kurasa za wavuti. Vivinjari vya kisasa zaidi vinasaidia video ya HTML 5, ingawa sio wote wanaiunga mkono kwa njia ile ile. Lakini hii inamaanisha ni kwamba ikiwa utahifadhi video yako kama muundo wa Ogg na MP4, utaweza kuandika mistari minne au tano ya HTML ili uweze kuonyeshwa kwenye vivinjari vya kisasa zaidi (ila Internet Explorer 8). Hapa ndivyo:
- Andika alama ya mafundisho ya HTML 5 ili browsers kujua kutarajia HTML 5:
- Unda ukurasa wako wa wavuti kama unavyounda kawaida:
title>
kichwa>
mwili>
html> - Ndani ya mwili, weka lebo
- Tambua sifa gani unataka video yako kuwa nayo:
- kujifungua - kuanza mara tu inapopakuliwa
- udhibiti - kuruhusu wasomaji wako kudhibiti video (pause, rewind, forward-forward)
- kitanzi - tengeneza video tangu mwanzo inapomalizika
- preload - kabla ya kupakua video ili iwe tayari kwa haraka wakati mteja anachochea juu yake
- bango - kufafanua picha unayotumia wakati video imesimamishwa
video> - Kisha kuongeza faili za chanzo kwa matoleo mawili ya video yako (MP4 na OGG) ndani ya kipengele
- Fungua ukurasa katika Chrome 1, Firefox 3.5, Opera 10, na / au Safari 4 na uhakikishe kuwa inaonyesha kwa usahihi. Unapaswa kuchunguza kwa angalau Firefox 3.5 na Safari 4 - kwa vile kila mmoja hutumia codec tofauti.
Ndivyo. Mara baada ya kuwa na msimbo huu mahali utakuwa na video inayotumika kwenye Firefox 3.5, Safari 4, Opera 10, na Chrome 1. Lakini vipi kuhusu Internet Explorer?
Internet Explorer Haifai HTML 5 au Lebo
Katika sehemu inayofuata, Tutazungumzia juu ya kile unachoweza kufanya ili kupata IE 8 kucheza vizuri na vitambulisho vya video yako ya HTML 5 na kuonyesha video. Una kutumia Flash. Habari njema ni kwamba IE 9 inatarajiwa kuunga mkono HTML 5 na lebo ya video.
08 ya 10
Ongeza Javascript na Kiwango cha Kivinjari cha Kupata Internet Explorer Kazi
Huenda umeona kuwa katika HTML ya ukurasa uliopita, hapakuwa na mstari wa chanzo kwa faili ya FLV. Na ikiwa umejaribu ukurasa huo katika Internet Explorer haifanyi kazi. Hiyo ni kwa sababu Internet Explorer haitambui HTML 5 na haiwezi kucheza ama video za OGG au MP4 natively. Ili kupata Internet Explorer 7 na 8 kufanya kazi, unahitaji kuwa na kucheza video kama Flash. Lakini kuna hatua zaidi za kuifanya kazi kuliko kuongeza tu faili ya FLV.
Hatua ya 1: Pata Mchezaji wa Kiwango cha Video kwenye Tovuti Yako
Tunapendekeza kupata FlowPlayer kwa sababu ni chanzo cha wazi Kiwango cha video cha video ambacho unaweza kufunga kwenye seva yako ya Wavuti na kutumia wakati wowote una Flash video ya kucheza. Toleo la bure la FlowPlayer linaweka matangazo katika video zako, lakini unaweza pia kununua leseni za kibiashara ikiwa unahitaji.
Fuata maelekezo kwenye tovuti ya FlowPlayer ili kufunga FlowPlayer kwenye tovuti yako. Kwa kifupi, utakuwa unaweka faili mbili za SWF na faili ya JavaScript kwenye tovuti yako. Chini ya HTML yako, (kabla ya body> tag) utaongeza mstari: