HTML 5 Видео садое ба веб-вебҳои худ видеои онро осон мекунад. Аммо дар ҳоле, ки дар рӯи он осон пайдо мешавад, бисёр чизҳое ҳастанд, ки ба шумо лозим аст, ки барои гирифтани видеои шумо ва давидан. Ин омӯзиш шуморо ба воситаи қадамҳо барои эҷоди саҳифа дар HTML 5, ки видеоро дар ҳамаи браузерҳои муосир иҷро хоҳад кард.
- Хизматҳоятон HTML-и худро ба худ ҷалб кунед
- Маълумоти фаврӣ дар бораи дастгирӣ дар вебсайт
- Видео таъсис ва таҳрир кунед
- Ворид кардани видео ба Ogg барои Firefox
- Видео аз MP4 барои Safari истифода кунед
- Видео барои FLV барои Internet Explorer истифода кунед
- Элементҳои видеоӣ ба веб саҳифа кунед
- Барои гирифтани Internet Explorer барои кор дар қисми 1 Ҷойгиршавӣ ва Flash Player илова кунед
- Дар бисёр ҳолат браузерҳо санҷед
01 аз 10
Хизматҳоятон HTML-и худро ба худ ҷалб кунед
YouTube як сайти бузург аст. Ин ба осонӣ ба вебсайти вебсайт ба зудӣ веб осон мекунад, ва бо истиснои баъзе хурдҳо дар иҷрои ин видео воҳиди бебозгашт аст. Агар шумо видеоро дар YouTube нависед, шумо метавонед боварӣ дошта бошед, ки касе метавонад онро тамошо кунад.
Аммо YouTube-ро истифода баред, ки тасвирҳои худро эмин доранд
Бештари проблемаҳо бо YouTube дар канори истеъмолкунанда, на дар бораи лоиҳакашӣ, монанди:
- Ҷустуҷӯи суст ва нишондиҳандагӣ
- Бастаҳои сервер
- Мундариҷа хориҷ (ихтиёрӣ) худсарона
- Мундариҷаи бад
Аммо баъзе сабабҳо вуҷуд доранд, ки YouTube барои таҳиякунандагони муҳтаво бад аст, аз он ҷумла:
- Давомнокии ҳадди ақали 10 дақиқа барои видео (барои суратҳисоби ройгон)
- Насбкунӣ нопазир аст
- YouTube ба ҳуқуқи видеоии ҳуқуқи истифодабариро меорад
- Истифодабарандаи YouTube ягон ҳуқуқҳои бемаҳдудро ба видеои шумо меорад
HTML 5 Видео Баъзе аз бартариятҳои бештар аз YouTube
Истифодаи HTML 5 барои видео ба шумо ҳар як хусусияти видеои худро назорат мекунад, ки аз кӣ метавонад онро дида бароед, ки чӣ қадар мӯҳтаво, чӣ мундариҷа мавҷуд аст, ки дар он hosted ва чӣ гуна сервер кор мекунад. Ва HTML 5 видеои шумо имконият медиҳад, ки видеои худро дар форматҳои зиёдтар гирад, зеро шумо бояд боварӣ ҳосил кунед, ки шумораи зиёди одамон онро дида метавонанд. Мизоҷони шумо як параметрро талаб намекунанд ё то даме, ки YouTube-ро варианти навтар интизоранд, интизор шавед.
Дар курс, HTML 5 пешниҳодҳои баъзе пешниҳодҳо
Инҳоянд:
- Шумо бояд видеои худро дар камтар аз се рамзҳои гуногун encode кунед
- Шумо бояд баъзеи JavaScript-ро барои таъмини браузерҳо, ки HTML-ро дастгирӣ намекунанд, дохил кунед
- Хидматрасони шумо бояд дорои қобилияти банди васеъ кардани видеотамоси видео бошад
02 аз 10
Маълумоти фаврӣ дар бораи дастгирӣ дар вебсайт
Ворид кардани вебсайт ба веб-сайтҳо хеле душвор буд. Бисёр чизҳо буданд, ки метавонанд нодуруст бошанд:
- Аввалан, шумо
- Пас, ба шумо
- Пас шумо фикр мекунед, " Flash !" Ва видеои худро ҳамчун файли FLV encryption. Аммо Flash дар бисёре аз дастгоҳҳои мобилӣ дастгирӣ намекунад ва бисёриҳо Флоти баҳрабардориро чӣ гуна истифода мебаранд (25% пурсидашудагон дар пурсиши ман дар бораи он ки чӣ гуна шумо дар бораи Flash фикр мекунед, гуфтаанд, ки онҳо ҳеҷ гуна Flash надоранд).
- Пас, шумо қарор қабул мекунед, ки видеои худро ба видеои видеои YouTube-ро зеркашӣ кунед, аммо баъд шумо метавонед YouTube-ро муҳокима кунед.
- Ниҳоят, шумо қарор қабул мекунед бо HTML 5, аммо Internet Explorer ин дастгирӣ намекунад (то Internet Explorer 9). Ва ҳатто агар шумо мекунед, стандартҳои рамзии видеоиеро, ки дастгирӣ мекунанд ва танҳо як браузери ки метавонанд ҳам метавонанд истифода баранд. Дастгирии браузер барои видео Codecs ва Containers
Пас шумо чӣ кор кардан мехоҳед? Ба видеои ройгон дастрас нестанд, зеро аксари сайтҳо варианти дигаранд, зеро видео бештар ва муҳимтар аст. Ва бисёре аз сайтҳо ба видеои муваффақона гузаштанд.
Саҳифаҳои зерин ин мақолаҳоро ба воситаи вебсайтҳои вебсайтҳо, ки дар Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 ва 4, iPhone ва Android, Flash, Internet Explorer 7 ва 8. кор мекунанд. инчунин калидҳоро, ки лозим аст, барои иловаи браузерҳои калони иловагӣ илова кунед.
03 аз 10
Видео таъсис ва таҳрир кунед
Аввалин чизе, ки ба шумо лозим аст, вақте ки шумо видеоро дар веб саҳифа видеои воқеӣ мекунед. Шумо метавонед ба таври доимӣ вироиш кунед ва таҳрир кунед баъд аз таҳияи функсияҳо, ё шумо метавонед скриптро ба нақша гиред ва онро пеш аз вақт муайян кунед. Ҳар як кор хуб кор мекунад, танҳо он чизеро, ки шумо бароҳат ҳастед. Агар шумо намонед, ки кадом намуди видеоро шумо бояд бифаҳмед, ин тасвирҳоро аз Дастурҳои кории видео тафтиш кунед:
- Лоиҳаҳои филми хонагӣ
- Маркетинг ва видеоконфронсҳо
- Вироишҳои виртуалӣ
- Чӣ тавр ба видео
- Videos Тӯйи
Чӣ гуна сабт кардани видеоҳои баландсифатро ёд гиред
Боварӣ ҳосил кунед, ки чӣ гуна дар даруни биноҳо ва дарҳои берунӣ сабт ва чӣ гуна сабт кардани аудио. Нишондиҳанда низ хеле муҳим аст - тасвирҳо, ки хеле зебо ба чашм зарар мерасонанд, ва низ торик танҳо якранг ва гайриқонунӣ намебинанд. Ҳатто агар шумо танҳо як видеои видео 30-сония дар сайти шумо нақша дошта бошед, сифати баландтар он беҳтар аст, ки дар сайти худ инъикос карда шавад.
Дар хотир дошта бошед, ки ҳуқуқи муаллиф ба ҳама гуна садоҳо ё мусиқӣ (инчунин вохӯриҳои филм), ки шумо метавонед дар видеои шумо истифода баред, истифода баред. Агар шумо ба дӯсте, ки метавонад барои шумо нависед ва сурудеро барои шумо нависед, ба шумо лозим меояд, ки мусиқии ройгони озодро дар замина бозӣ кунед. Ҳамчунин, ҷойҳои ба шумо видеои вебсайтро илова кардан мумкин аст.
Видео вироиш
Он чизе, ки нармафзори таҳриркунии шумо истифода намекунад, танҳо он вақт, ки шумо бо он шинос ҳастед ва онро самаранок истифода баред. Gretchen, Дастури кории Desktop, якчанд маслиҳатҳои видеои видеоӣ, ки метавонанд ба шумо видеои худро таҳрир кунанд, то ки онҳо ба назар гиранд.
Видео худро ба MOV ё AVI (ё MPG, CD, DV) нигоҳ доред.
Барои боқимондаи ин тарҳ, мо тасаввур мекунем, ки шумо видеои худро дар баъзе навъҳои сифати баланд (намунавӣ), ба мисли AVI ё MOV ҳифз кардаед. Дар ҳоле, ки шумо метавонед ин файлҳоро, ки онҳо доранд, истифода баред, шумо ба ҳамаи проблемаҳо бо видео, ки мо аллакай муҳокима кардем. Дар саҳифаҳои зерин шарҳ дода мешавад, ки чӣ гуна файлро ба се намуди дигар табдил диҳед, то ки он аз ҷониби шумораи зиёди браузерҳо дида шавад.
04 аз 10
Ворид кардани видео ба Ogg барои Firefox
Намунаи якум ба мо Ogg аст (баъзан Ogg-Theora). Ин форматест, ки Firefox 3.5, Opera 10.5, ва Chrome 3 ҳама метавонанд дидан кунанд.
Мутаассифона, ҳангоми Ogg дорои дастгирии браузер, бисёр барномаҳои видеоиро, ки шумо метавонед харидорӣ намоед (Adobe Media Encoder, QuickTime, ва ғ.) Имконияти пешниҳод намудани роҳи Ogg пешниҳод намекунанд. Ҳамин тариқ, роҳи ягонаи видеоии худро ба Ogg табдил додан - барномаи вебсайтро дар Интернет пайдо мекунад.
Имкониятҳои табдилдиҳанда
Як вебсайти онлайн номида мешавад, ки ба воситаи таблиғи таблиғотии (ва аудио) ба дигар шаклҳои видео (ва аудио) табдил дода шавад. Вақте ки мо онро бо 3-сонияи видео санҷиш кардем, мо онро дар Mac ба кор намебарем. Аммо шумо шояд тӯҳфаҳои беҳтаре доред. Ин сайт метавонад фоидаи озод дошта бошад.
Баъзе дигар воситаҳое, ки мо ёфтем:
- Miro Video Converter (Windows Macintosh) - Ин барнома барои табдил ба Ogg ва MP4 (H.264) ва он манбаи кушода дорад.
- Koyote Video Converter (Windows)
- Мо тасаввур мекунем, ки ин варақаи Windows ва Macintosh ҳам дорад, аммо он аз сайте, ки онҳоро хабар медиҳанд, душвор буд
- Simple Theora Encoder (Macintosh) - ин яке аз моест, ки мо истифода мебарем.
Пас аз видеои шумо дар формати Ogg ҳифз карда мешавад, онро ба макон дар вебсайти худ захира кунед ва ба саҳифаи навбатӣ табдил диҳед, то онро ба дигар форматҳо барои дигар браузерҳо табдил диҳед.
05 аз 10
Видео аз MP4 барои Safari истифода кунед
Формати навбатӣ бояд видеои худро ба MP4 (H.264 video) табдил диҳад, то он метавонад дар сафари 3 ва 4 бозӣ ва iPhone ва Android. Илова бар ин, видео H.264 ба осонӣ ба файлҳои FLV барои тамошои Flash.
Ин формат бештар дар маҳсулотҳои тиҷоратӣ дастрас аст ва шумо шояд аллакай барномаро, ки ба MP4 табдил дода мешавад, агар шумо видеои видеоро дошта бошед. Агар шумо Adobe Premiere дошта бошед, шумо метавонед Adobe Video Encoderро истифода баред, ё агар QuickTime Pro, ки низ кор хоҳад кард. Аксари трансформаторҳое, ки мо дар саҳифаи қаблӣ муҳокима кардем, инчунин ба видеотамоси MP4 табдил меёбанд.
- Media-Convert - воситаи онлайн
- Miro Video Converter (Windows Macintosh) - Ин барнома барои табдил ба Ogg ва MP4 (H.264) ва он манбаи кушода дорад.
- SUPER (Windows) - намудҳои гуногуни файлро ба MP4 ва FLV табдил хоҳад дод
- Мо тасаввур мекунем, ки ин варақаи Windows ва Macintosh ҳам дорад, аммо он аз сайте, ки онҳоро хабар медиҳанд, душвор буд
Файлҳои MP4-и худро ба вебсайти худ нигоҳ доред ва ба шумо лозим аст, ки онро ба Flash барои Internet Explorer истифода баред.
06 аз 10
Видео барои FLV барои Internet Explorer истифода кунед
Роҳҳои осонтарини табдил додани видео ба FLV ин флешбофиро истифода мебаранд. Ин аст, ки чӣ тавр мо видеоро ба Flash табдил медиҳем. Аммо агар шумо Flash дошта бошед, дар ин ҷо ду воҳиди маъмул барои табдил кардани файлҳо ба FLV:
- SUPER (Windows) - намудҳои гуногуни файлро ба MP4 ва FLV табдил хоҳад дод
- ffmpegX (Macintosh) - намудҳои гуногуни файлро ба Mp4 ва FLV табдил хоҳад дод.
Филми худро ба вебсайти худ нигоҳ медоред ва саҳифаи навбатӣ шуморо ба HTML нависед, ки шумо метавонед видеоро видео кунед.
07 аз 10
Элементҳои видеоӣ ба веб саҳифа кунед
Ин хеле осон аст, ки HTML-ро барои вебсайти веб-сайтҳо илова кунед. Аксари браузерҳои замонавиро HTML 5-ро пуштибонӣ мекунанд, гарчанде онҳо ҳама инро дастгирӣ намекунанд. Аммо ин чӣ маъно дорад, ки агар шумо видеои худро ҳамчун формати Ogg ва MP4 захира кунед, шумо метавонед танҳо чаҳор ё панҷ сатрҳои HTML нависед, то онро дар бештари браузерҳои муосир намоиш диҳед (ғайр аз Internet Explorer 8). Ин тавр аст:
- HTML 5 doctype marker нависед, то ки браузерҳо огаҳ бошанд HTML 5:
- Веб-саҳифаро тавре таҳия кунед, ки шумо одатан онро офаред:
title>
head>
body>
html> - Дар дохили ҷасади
- Қарор кунед, ки кадом хусусиятҳое, ки шумо мехоҳед видеои худро дошта бошед:
- autoplay - барои оғози он оғоз меёбад
- назорат - имконият медиҳад, ки хонандагонро назорат кунанд, ки видеоро (пауза, бозгашт, пешрафт)
- Воқеият - Ворид кардани видео аз оғози он оғоз меёбад
- Пеш аз зеркашӣ кардани видео, то он вақте, ки мизоҷ ба он пайванд мекунад, зудтар омода аст
- паём - тасвиреро, ки шумо мехоҳед истифода бурдед, муайян кунед
<видео назорати пешакӣ> video>
- Сипас файлҳои манбаъ барои ду версияи видеои шумо (MP4 ва OGG) дар дохили
унсур: <видео назорат пешакҳо>
video> - Ин саҳифаро дар Chrome 1, Firefox 3.5, Opera 10 ва / ё Сафари 4 кушоед ва боварӣ ҳосил намоед, ки он дуруст намоиш медиҳад. Шумо бояд дар ҳадди ақал Firefox 3.5 ва Сафари 4-ро санҷед, зеро онҳо ҳар як кодекси гуногунро истифода мебаранд.
Ана тамом. Пас аз он, ки шумо ин кодро дар ҷои дигар доред, видеое, ки дар Firefox 3.5, Safari 4, Opera 10, ва Chrome истифода мебарад, аммо дар бораи Internet Explorer чӣ мекунед?
Internet Explorer HTML 5 ё Tag -ро намоиш намедиҳад
Дар қисмати оянда, мо дар бораи он чи шумо метавонед, ба даст меоред, барои гирифтани IE 8 барои навозиш кардан бо видеои HTML5 видеои шумо ва видеоро нишон диҳед. Шумо бояд Flash-ро истифода баред. Хабари хубе, ки IE 9 интизор аст, ки ба HTML 5 ва тамғаи видео нигаронида шавад.
08 аз 10
Барои Internet Explorer ба кор даровардани JavaScript ва Flash Player илова кунед
Шумо шояд фаҳмидед, ки дар HTML саҳифаҳои қаблӣ, барои файли FLV вуҷуд надорад. Ва агар шумо ин саҳифаро дар Internet Explorer санҷида бошед, кор намекунад. Ин аз он сабаб, ки Internet Explorer HTML 5-ро эътироф намекунад ва он метавонад видео ё OGG ё тасвирҳои MP4-ро бозӣ кунад. Барои ба даст овардани Internet Explorer 7 ва 8 кор, шумо бояд онро видеои Flash-ро хонед. Аммо барои қонеъ гардонидани он танҳо аз танҳо илова намудани файли FLV корҳо зиёданд.
Қадами 1: Плеери видеоиро барои вебсайти худ гиред
Мо тавсия медиҳем, ки FlowPlayer-ро тавсия диҳем, зеро он плеери видеоии Flash-ро, ки шумо метавонед дар веб-сервери худ насб кунед ва ҳар вақте ки шумо видеои Flash -ро барои бозӣ истифода баред, истифода баред. Нусхаи ройгони FlowPlayer ба видеои шумо вогузор мекунад, аммо шумо метавонед онҳоро иҷозатномаҳои тиҷоратиро харед, агар шумо ба онҳо лозим шавед.
Дастурҳоро дар сайти FlowPlayer пайгирӣ намоед, то насб кардани FlowPlayer дар вебсайти шумо. Дар якҷоя, шумо метавонед 2 файлҳои SWF ва файли JavaScript-ро дар сайтатон насб кунед. Дар поёни HTML шумо, (пеш аз body> tag), шумо сатрро илова кунед: