HTML 5 ვიდეო ტეგი საშუალებას იძლევა ადვილად დაამატოთ ვიდეო თქვენს ვებ გვერდებზე . მაგრამ, როგორც ჩანს, ზედაპირზე ადვილია, არსებობს ბევრი რამ, რაც უნდა გააკეთოთ თქვენს ვიდეოზე და გაშვებაზე. ეს გაკვეთილი გადაგიღებთ ნაბიჯებს HTML 5- ში შექმნის გვერდს, რომელიც ყველა თანამედროვე ბრაუზერში ვიდეოებს აწარმოებს.
- ჰოსტინგის საკუთარი HTML 5 ვიდეო vs YouTube- ის გამოყენებით
- ვებსაიტზე ვიდეო მხარდაჭერის სწრაფი მიმოხილვა
- შექმნა და რედაქტირება შენი ვიდეო
- გადაიყვანეთ ვიდეო Firefox- ისთვის
- კონვერტაციის ვიდეო MP4 რომ Safari
- კონვერტაციის ვიდეო FLV for Internet Explorer
- დაამატეთ ვიდეო ელემენტს თქვენს ვებ გვერდზე
- დაამატეთ JavaScript და Flash Player Internet Explorer- ის მუშაობისთვის
- ტესტი, როგორც ბევრი ბრაუზერები, როგორც თქვენ შეგიძლიათ
10 of 01
ჰოსტინგის საკუთარი HTML 5 ვიდეო vs YouTube- ის გამოყენებით
YouTube არის დიდი საიტი. ეს საშუალებას იძლევა ადვილად ჩაირთოს ვიდეო შევიდა ვებ გვერდები სწრაფად, და ზოგიერთი მცირე გამონაკლისი არის საკმაოდ seamless მისი შესრულების იმ ვიდეო. YouTube- ზე ვიდეოს გამოქვეყნების შემთხვევაში, დარწმუნებული ხართ, რომ ნებისმიერ მსურველს უყურებს.
მაგრამ YouTube- ის გამოყენება თქვენი ვიდეოს ჩაწერას აქვს გარკვეული ნაკლოვანებები
უმეტესობა YouTube- თან დაკავშირებულია მომხმარებელთა მხრიდან, ვიდრე დიზაინერის მხრიდან, ისეთი რამ, როგორიცაა:
- ნელი ძიება და ინდექსირება
- სერვერის გაუმართაობა
- შინაარსი ამოღებულ (როგორც ჩანს) თვითნებურად
- ძალიან ცუდი შინაარსი
მაგრამ არსებობს გარკვეული მიზეზი, რის გამოც YouTube ცუდია კონტენტის დეველოპერებისთვის, მათ შორის:
- ვიდეოების მაქსიმალური ხანგრძლივობა (უფასო ანგარიშისთვის)
- ცუდი ატვირთვა შესრულება
- YouTube მიიღებს შეუზღუდავი სარგებლობის უფლებას თქვენს ვიდეოზე
- ნებისმიერი YouTube მომხმარებელი სარგებლობს შეუზღუდავი სარგებლობის უფლებით თქვენს ვიდეოზე
HTML 5 ვიდეო იძლევა რამდენიმე უპირატესობას YouTube- ზე
ვიდეოსთვის HTML 5- ის გამოყენება საშუალებას გაძლევთ გააკონტროლოთ თქვენი ვიდეოს ყველა ასპექტი, ვისგან შეუძლია მისი ნახვა, რამდენი ხანი არის ის, რაც შეიცავს შინაარსს, სადაც ის მასპინძლობს და როგორ ხდება სერვერი. და HTML 5 ვიდეო გაძლევთ შესაძლებლობას, რომ დაამატოთ ვიდეო თქვენი ვიდეო როგორც ბევრი ფორმატების, როგორც თქვენ უნდა დავრწმუნდეთ, რომ მაქსიმალური რაოდენობა ადამიანი შეგიძლიათ ნახოთ. თქვენს მომხმარებელს არ სჭირდება მოდული ან დაველოდოთ YouTube- ს ახალ ვერსიას.
რა თქმა უნდა, HTML 5 ვიდეო გთავაზობთ ზოგიერთი ნაკლოვანებები
ესენი მოიცავს:
- თქვენ უნდა დააკოპიროთ თქვენი ვიდეო მინიმუმ სამი განსხვავებული კოდეკი
- თქვენ უნდა შეიტანოთ JavaScript, რათა უზრუნველყონ ბრაუზერები, რომლებიც არ ემსახურებიან HTML 5 იმუშავებს
- თქვენს სერვერს უნდა შეეძლოს მასპინძელი ვიდეოების გამტარუნარიანობის შესრულება
10 of 02
ვებსაიტზე ვიდეო მხარდაჭერის სწრაფი მიმოხილვა
ვიდეო გვერდების დამატება დიდხანს რთული პროცესია. იყო ძალიან ბევრი რამ, რაც შეიძლება არასწორი:
- პირველ რიგში, გამოიყენეთ
- ასე რომ თქვენ გადადით
- მაშინ ფიქრობთ " Flash !" და თქვენი ვიდეო როგორც FLV ფაილი. მაგრამ Flash არ არის მხარდაჭერილი ბევრი მობილური მოწყობილობების და ბევრი ადამიანი სიძულვილის Flash არ აქვს მნიშვნელობა, თუ როგორ გამოიყენა (გამოკითხულთა 25% ჩემი გამოკითხვის ითხოვს იმაზე, თუ როგორ ფიქრობთ შესახებ Flash განაცხადა, რომ ისინი ვერ დადგეს Flash არანაირად).
- ასე რომ, თქვენ გადაწყვეტთ ვიდეოს ატვირთვა YouTube- ის ვიდეოს ჩადგმაში, მაგრამ შემდეგ YouTube- სთან დაკავშირებული საკითხები განიხილეს.
- საბოლოოდ, თქვენ გადაწყვეტთ წასვლა HTML 5, მაგრამ Internet Explorer მხარს არ უჭერს (არა, სანამ Internet Explorer 9). და მაშინაც კი, თუ თქვენ, არსებობს ორი ვიდეო კოდეკი სტანდარტების, რომლებიც მხარს უჭერენ და მხოლოდ ერთი ბრაუზერი, რომელსაც შეუძლია გამოიყენოს ორივე. ბრაუზერის მხარდაჭერა ვიდეო კოდეკები და კონტეინერები
რა უნდა გააკეთო? ვიდეოს გადაღება აღარ არის საუკეთესო საიტების ვარიანტი, რადგან ვიდეო უფრო და უფრო მეტად ხდება. და ბევრი საიტები წარმატებით გადავიდა ვიდეო.
ამ სტატიის შემდეგი გვერდები გააძლიერებთ თქვენს ვებ გვერდებს, რომლებიც მუშაობენ Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 და 4, iPhone და Android, Flash და Internet Explorer 7 და 8. ასევე საჭიროა გასაღებები, რომლითაც საჭიროა სხვა ძველი ბრაუზერების მხარდაჭერა.
10 of 03
შექმნა და რედაქტირება შენი ვიდეო
პირველი რაც გჭირდებათ, როდესაც თქვენ აპირებთ ვიდეოს ვებ გვერდზე განთავსებას, არის რეალური ვიდეო. თქვენ შეგიძლიათ გადაღება მუდმივად და შეცვალონ შემდგომ შექმნათ ფუნქცია, ან შეგიძლიათ სკრიპტი და დაგეგმოთ ის ადრე დრო. ნებისმიერ შემთხვევაში კარგად მუშაობს, უბრალოდ რაც თქვენ კომფორტულად ხარ. თუ არ იცით, რა ტიპის ვიდეო უნდა გააკეთოთ, შეამოწმე ეს იდეები Desktop Video Guide- დან:
- საოჯახო ვიდეო პროექტები
- მარკეტინგი და სარეკლამო ვიდეოები
- ვიდეო ვირტუალური ტურები
- როგორ ვიდეოები
- საქორწილო ვიდეოები
ვისწავლოთ მაღალი ხარისხის ვიდეო
დარწმუნდით იმაში, თუ როგორ უნდა ჩაიწეროს შიდა და გარე და აუდიო ჩანაწერის ჩაწერა. განათება ასევე ძალიან მნიშვნელოვანია - დარტყმები, რომლებიც ძალიან ნათელი დააზარალებს თვალები, და ძალიან მუქი უბრალოდ გამოიყურებოდეს muddy და არაპროფესიონალური. მაშინაც კი, თუ თქვენ მხოლოდ გეგმავს 30-წამიანი ვიდეოს თქვენს საიტზე, უმაღლესი ხარისხის ეს უკეთესი იქნება აისახება თქვენს ნახვა.
გახსოვდეთ, რომ საავტორო უფლება ვრცელდება ნებისმიერ ჟღერს ან მუსიკას (ასევე საფონდო კადრები), რომლითაც გსურთ გამოიყენოთ თქვენი ვიდეო. იმ შემთხვევაში, თუ თქვენ არ გაქვთ მეგობრობა, რომელსაც შეუძლია დაწეროს და შეასრულოს სიმღერა, თქვენ უნდა იპოვოთ ჰონორარის თავისუფალი მუსიკა ფონზე. ასევე არსებობს ადგილები, რომელთა შენახვა შეგიძლიათ თქვენი ვიდეოს დამატებაში.
თქვენი ვიდეოს რედაქტირება
არ აქვს მნიშვნელობა, თუ რა რედაქტირების პროგრამას იყენებთ, მხოლოდ ისე, როგორც თქვენ იცნობთ მას და შეგიძლიათ გამოიყენოთ იგი ეფექტურად. გრეტჩენ, Desktop Video Guide- ს აქვს რამდენიმე პროფესიონალური ვიდეო რედაქტირების რჩევები, რომელიც დაგეხმარებათ თქვენი ვიდეოს რედაქტირებისთვის, რათა მათ კარგად გამოიყურებოდეს.
შეინახეთ ვიდეო MOV ან AVI (ან MPG, CD, DV)
დანარჩენი ამ ტერმინალებისთვის, ჩვენ ვფიქრობთ, რომ თქვენს ვიდეოში შენახულია გარკვეული ტიპის მაღალი ხარისხის (არა შეკუმშული) ფორმატში, როგორიცაა AVI ან MOV. მიუხედავად იმისა, რომ თქვენ შეგიძლიათ გამოიყენოთ ეს ფაილი, როგორც ისინი, თქვენ გადაეყარონ ყველა პრობლემა ვიდეო, რომ ჩვენ უკვე განვიხილეთ. შემდეგი გვერდები აგიხსნით, თუ როგორ უნდა გადაიყვანოთ თქვენი ფაილი სამი ტიპის სახით, რათა იხილოთ ყველაზე მეტი ბრაუზერის ნახვა.
10 of 10
გადაიყვანეთ ვიდეო Firefox- ისთვის
პირველი ფორმატი ჩვენ კონვერტირებად არის Ogg (ზოგჯერ OGG-Theora). ეს ფორმატი არის Firefox 3.5, Opera 10.5 და Chrome 3- ის ყველა ნახვა.
სამწუხაროდ, Ogg აქვს ბრაუზერის მხარდაჭერა, ბევრი ცნობილი ვიდეო პროგრამა, რომელიც შეგიძლიათ შეიძინოთ (Adobe Media Encoder, QuickTime და ა.შ.) არ გთავაზობთ ოგ კონვერსიის ვარიანტს. ასე რომ, მხოლოდ ვიდეო გადააქცევთ თქვენს ვიდეოებს Ogg არის კონვერტაციის პროგრამა Web.
კონვერტაციის პარამეტრები
არსებობს ინტერნეტ-ინსტრუმენტი, რომელსაც მოუწოდა მედია-კონვერტი, რომელიც ამტკიცებს, რომ ვიდეო (და აუდიო) სხვა ფორმატებში გადაიტანება სხვა ვიდეო და აუდიო ფორმატებში. როდესაც ჩვენ ვცდილობთ მას ჩემი 3-წამიანი ტესტი ვიდეო, ჩვენ ვერ მივიღებ მას მუშაობა ჩემი Mac. მაგრამ თქვენ გექნებათ წარმატებები. ამ საიტზე სარგებლობა თავისუფალია.
ზოგიერთი სხვა ინსტრუმენტი, რომელიც ჩვენ გვხვდება:
- Miro Video Converter (Windows Macintosh) - ეს პროგრამა სარგებლობს კონვერტაციის ორივე OGG და MP4 (H.264) და ეს ღიაა.
- Koyote Video Converter (Windows)
- უფასო ვიდეო კონვერტორი ჩვენ ვფიქრობთ, რომ ეს ორივე Windows და Macintosh ვერსია, მაგრამ ძნელი იყო ვუთხრა მათი საიტი
- მარტივი Theora Encoder (Macintosh) - ეს არის ის, რომ ჩვენ გამოვიყენოთ.
მას შემდეგ, რაც თქვენს ვიდეოში შენახული გაქვთ Ogg ფორმატში, შეინახეთ იგი თქვენს საიტზე განთავსებულ ადგილას და გადადით მომდევნო გვერდზე სხვა ბრაუზერის სხვა ფორმატებში გადასვლისთვის.
10 of 05
კონვერტაციის ვიდეო MP4 რომ Safari
მომდევნო ფორმატში უნდა გადაიყვანოთ თქვენი ვიდეო MP4 (H.264 ვიდეო), რომ იგი შეიძლება ითამაშა Safari 3 და 4 და iPhone და Android. Plus, H.264 ვიდეო ადვილად გადაიყვანება FLV ფაილებს თვალს Flash- ზე.
ეს ფორმატი უფრო ხელმისაწვდომი გახდება კომერციულ პროდუქტებში, და ალბათ უკვე გაქვთ პროგრამა, რომელიც კონვერტირებას მოახდენს MP4- ს, თუ თქვენ გაქვთ ვიდეო რედაქტორი. თუ თქვენ გაქვთ Adobe Premiere შეგიძლიათ გამოიყენოთ Adobe Video Encoder, ან თუ თქვენ გაქვთ QuickTime Pro, რომ იმუშავებს ასევე. წინა კონცეფციაში განხილული ბევრი კონვერტორი ასევე ვიდეოებს კონვერტებთან კონვერტებთან ერთად გარდაქმნის.
- მედია-კონვერტაცია - ონლაინ ინსტრუმენტი
- Miro Video Converter (Windows Macintosh) - ეს პროგრამა სარგებლობს კონვერტაციის ორივე OGG და MP4 (H.264) და ეს ღიაა.
- SUPER (Windows) - გარდაქმნის სხვადასხვა ფაილის ტიპს MP4 და FLV
- უფასო ვიდეო კონვერტორი ჩვენ ვფიქრობთ, რომ ეს ორივე Windows და Macintosh ვერსია, მაგრამ ძნელი იყო ვუთხრა მათი საიტი
შეინახეთ MP4 ფაილი თქვენს ვებ-გვერდზე და შემდეგ თქვენ უნდა დააკონვერტიროთ Flash- ისთვის Internet Explorer- ის გამოყენება.
10 of 06
კონვერტაციის ვიდეო FLV for Internet Explorer
ყველაზე ადვილი გზა ვიდეოების FLV- ს გარდაქმნას წარმოადგენს Flash- ის გამოყენება. სწორედ ასე ვნახავთ ჩემს ვიდეოებს Flash- ს. მაგრამ თუ არ აქვს Flash, აქ არის ორი პოპულარული ინსტრუმენტები კონვერტაცია ფაილი FLV:
- SUPER (Windows) - გარდაქმნის სხვადასხვა ფაილის ტიპს MP4 და FLV
- ffmpegX (მაიკროსტოში) - Mp4 და FLV- ს სხვადასხვა ფაილის ტიპებს გადააქცევს.
შეინახეთ თქვენი FLV ფაილი თქვენს საიტზე და შემდეგი გვერდი გაჩვენებთ თუ როგორ უნდა დაწეროთ HTML ასე რომ თქვენ შეგიძლიათ ითამაშოთ თქვენი ვიდეოები.
07-დან 10-მდე
დაამატეთ ვიდეო ელემენტს თქვენს ვებ გვერდზე
ძალიან ადვილია გამოიყენოთ HTML 5, რათა დაამატოთ ვიდეო ვებ გვერდები. ყველაზე თანამედროვე ბრაუზერები მხარს უჭერენ HTML 5 ვიდეოებს, თუმცა ისინი ამას არ უჭერენ მხარს. მაგრამ ეს იმას ნიშნავს, რომ თუ თქვენი ვიდეო როგორც OGG და MP4 ფორმატების შენახვა, თქვენ შეძლებთ HTML- ის მხოლოდ ოთხი ან ხუთი ხაზის დაწერებას, რათა მიიღოთ მაქსიმალურად თანამედროვე ბრაუზერებში (გარდა Internet Explorer 8). აი როგორ:
- დაწერეთ HTML 5 doctype მარკერი ისე, რომ ბრაუზერები ვიცი ველოდოთ HTML 5:
- შექმნათ თქვენი ვებ გვერდი, როგორც თქვენ ჩვეულებრივ შექმნით:
title>
head>
body>
html> - სხეულის შიგნით, ჩასვა <ვიდეო> ტეგი:
- გადაწყვიტეთ რა ატრიბუტს თქვენს ვიდეოს,
- autoplay - დაიწყოს როგორც კი გადმოწერილი
- კონტროლი - დაუშვებს თქვენს მკითხველს, გააკონტროლონ ვიდეო (პაუზა, გადახვევა, სწრაფი წინ)
- loop - დაიწყე ვიდეო დასაწყისიდან, როდესაც მთავრდება
- preload - წინასწარ ჩამოტვირთოთ ვიდეო ისე, რომ ის მზად არის უფრო სწრაფად, როდესაც მომხმარებელს დააჭერს მასზე
- ვებ - განისაზღვროს სურათი, რომლის გამოყენებაც გსურთ ვიდეოს შეჩერებისას
<ვიდეო კონტროლი წინასწარ ჩატვირთვა> video>
- შემდეგ დაამატეთ წყაროს ფაილები თქვენი ვიდეოს ორი ვერსიისთვის (MP4 და OGG)
- გახსენით გვერდი Chrome 1, Firefox 3.5, Opera 10 და / ან Safari 4 და დარწმუნდით, რომ ის სწორად არის ნაჩვენები. თქვენ უნდა შეამოწმოთ იგი მინიმუმ Firefox 3.5 და Safari 4 - რადგან ისინი იყენებენ სხვადასხვა კოდეკს.
ის არის. მას შემდეგ, რაც თქვენ გაქვთ ეს კოდი, თქვენ გაქვთ ვიდეო, რომელიც მუშაობს Firefox 3.5, Safari 4, Opera 10 და Chrome 1. მაგრამ რაც შეეხება Internet Explorer- ს?
Internet Explorer არ ჰგავს HTML 5 ან
მომდევნო ნაწილში ჩვენ ვსაუბრობთ იმის შესახებ, თუ რა შეგიძლიათ გააკეთოთ IE 8- სთვის, რომ შეესრულებინათ თქვენი HTML 5 ვიდეო tags და ვიდეო. თქვენ უნდა გამოიყენოთ Flash. კარგი ამბავი ის არის, რომ IE 9, სავარაუდოდ, მხარდაჭერა HTML 5 და ვიდეო ტეგით.
10 of 08
JavaScript და Flash Player- ის დამატება Internet Explorer- ში მუშაობისთვის
თქვენ შეიძლება შენიშნა, რომ წინა გვერდი HTML- ში, FLV ფაილზე არ იყო წყარო ხაზი. და თუ ეს გვერდი Internet Explorer- ში შეამოწმე, ის არ იმუშავებდა. ეს იმიტომ, რომ Internet Explorer არ აღიარებს HTML 5 და ვერ ითამაშებს არც OGG ან MP4 videos natively. იმისათვის, რომ მიიღოთ Internet Explorer 7 და 8 მუშაობა, თქვენ უნდა ითამაშოს ვიდეო როგორც Flash. მაგრამ არსებობს მეტი ნაბიჯები მისაღებად მას მუშაობა, ვიდრე უბრალოდ დასძინა FLV ფაილი.
ნაბიჯი 1: მიიღეთ Flash Video Player თქვენი საიტი
ჩვენ ვურჩევთ FlowPlayer- ს მიღებას, რადგან ის არის ღია ფლეშ ვიდეო პლეერი, რომელიც შეგიძლიათ დააინსტალიროთ თქვენს ვებ-სერვერზე და გამოიყენოთ Flash Video- ს თამაში. FlowPlayer- ის უფასო ვერსია თქვენს ვიდეოებში რეკლამირებას, მაგრამ თქვენ შეგიძლიათ შეიძინოთ კომერციული ლიცენზიების შეძენა.
მიჰყევით ინსტრუქციებს FlowPlayer- ს საიტზე FlowPlayer- ის ინსტალაციისთვის. მოკლედ, თქვენ უნდა დააყენოთ 2 SWF ფაილები და JavaScript ფაილი თქვენს საიტზე. თქვენი HTML- ის ქვედა ნაწილში (( body> ტეგების დაწყებამდე) თქვენ დაამატებთ ხაზს: