1. გამომცემელი
2. x64 (aka andi)

ცოტა ხნის წინ მე ვთქვი ვიდეო ტეგი, სპეციალურად განხორციელებული html5. თუმცა სამწუხაროდ, tag- ის გამოყენება უფრო უხერხულობას იწვევს, ვიდრე სარგებელს. ამიტომ, მე გეტყვით იმაზე, თუ როგორ შეგიძლიათ სრულიად გააკეთოთ ერთი ვიდეო ფორმატით.

ერთ პროექტზე მე საჭირო მოვძებნო საიტი unscrewing videos საიტზე. შეუძლებელი იყო, რომ ფლეში ნულიდან მოთამაშე გაეკეთებინა (დაწყებისთვის, მე არ მაქვს განვითარების გარემო და არ მოგვაწოდა), ასე რომ, აუცილებელი იყო, რომ სასურველი კანდიდატი იპოვო ფლეშ მოთამაშის წინაშე. განსაკუთრებით რთული არ იყო საჭირო, რადგან YouTube- ის მომხმარებლების წყალობით ძალიან ადვილია ნავიგაცია ამ ტიპის მოთამაშეებში;)

2 კანდიდატი განთავსებული საიტები flv-mp3.com (პროექტი uppod'a) და flowplayer . რომელმაც პატარა ჩამორჩენა გააკეთა, პირველი სწრაფად მიტოვებული იყო დღევანდელი აპების კომბინაციის სასარგებლოდ. როგორც დრო გვიჩვენებს, შიდა ნაწლავის არ ნება მომეცი (თუმცა ზოგიერთი ადამიანი მოხვდა vtyuhat flv-mp3.com).

როგორც მოგეხსენებათ, პირველი შთაბეჭდილება საკმაოდ მატყუარაა და უპირატესობა ზოგჯერ გაცილებით გაჯერებული მოწყობილობითაა მიჩნეული (განსაკუთრებით თუ ის იყენებს მშობლიურ ენაზე). ეს არის მიდგომა, რომელიც ითხოვდა flv-mp3- ს: ეს სერვისი საშუალებას აძლევს მოთამაშეს განსაზღვროს განსაზღვრული მახასიათებლებით ფორმა მიუთითეთ ფაილი, ეკრანმზოგი, ზომები და სხვა პარამეტრები) და მიიღეთ გამომავალი კოდი ფაილის ჩასასმელად. დიახ, არჩევანი შეიძლება ძალიან მოსახერხებელი აღმოჩნდეს, განსაკუთრებით იმ ადამიანებისთვის, რომლებიც ფიქრობენ html ძლიერი ჯადოქით, რომ არაფერი ვთქვათ JS და ა.შ.

მხოლოდ საიტითა პერიოდული დამატება საიტზე ნაკლებად სავარაუდოა, რომ ენთუზიაზმი იყოს მუდმივად "მშენებლობის" მოთამაშე. გარდა ამისა, თქვენ შეგიძლიათ შეისწავლოთ ყველა პარამეტრი და ავტომატიზაცია მეშვეობით სერვერზე ენა. მაგრამ ეს პრინციპი შეიძლება მხოლოდ დარეკილი იყოს (ბევრად უფრო ადვილად იტვირთება ვიდეოები YouTube- ზე და მიიღეთ ჩამოტვირთვის მზად კოდი).

აქ ჩვენ მოვედით ძალიან რამ, რაც უკვე სრულად მოუწოდა sorceress. ��სურთ გაიგოთ javascript ჯადოსნური? მე ვაჩვენებ, რომ ეს არ არის რთული (უფრო ადვილია, ვიდრე კონსტრუქტორი). და დახმარება ამ flowplayer. შეგიძლიათ აირჩიოთ ვერსია აქედან , მაგრამ პირველი ვერსია, რომელიც განაწილებულია ქვეშ GPL3 საკმაოდ შესაფერისი თქვენი საიტი.

მოთამაშე მხარს უჭერს შემდეგ კონტენტის აღწარმოებას: flv, mp4, m4v (გამოსახულებები - jpg, gif, png). ვიდეო მხარს უჭერს 9 ვერსიიდან, ამიტომ არ უნდა არსებობდეს მხარდაჭერა.

ჩამოტვირთეთ არქივი მოთამაშესთან და წაიშალოს. თქვენ უნდა ატვირთოთ 3 ფაილი საიტზე: flowplayer.controls-NumVer.swf , flowplayer-NumVer.swf და მაგალითი / flowplayer-NumVer.min.js , სადაც NumVer მხოლოდ ვერსია ნომერი, და შეიძლება, მაგალითად, 3.2.7 .

პირველი ფაილი შეიცავს პანელს, მეორე - უშუალოდ მოთამაშე და მესამე არის ბმული, რომელიც უზრუნველყოფს API- ს. პირველი 2 ფაილი (* .swf) უნდა იყოს იგივე საქაღალდეში. ახლა დროა მარტივი კოდი. ეს შეიძლება იყოს:

<div id = "მოთამაშე" სტილი = "width: 640px; სიმაღლე: 480px;"> </ div> <script type = "text / javascript" src = "/ src / player / flowplayer-3.2.6.min.js "> </ script> <script type =" text / javascript "> flowplayer (" მოთამაშე "," /src/player/flowplayer-3.2.7.swf ", {}); </ script>

Div ID ელემენტის მოთამაშე ID არის კონტეინერი, რომელშიც ვიდეო იქნება unscrewed. მეორე ხაზში არის javascript ფაილის კავშირი. პირდაპირ გამომავალი პასუხისმგებელია ერთი ფუნქციის flowplayer () , რომელიც გადის 3 პარამეტრებს:

1. იმ ელემენტის ID, რომელშიც ვიდეოს თამაში უნდა იყოს;
2. მოთამაშის გზას (კერძოდ მოთამაშეს, და არა იმ კონტროლს, რომელიც ავტომატურად იქნება დატვირთული);
3. ზოგიერთი დამატებითი პარამეტრები.

სხვათა შორის, იდენტიფიკატორის გარდა, შეგიძლიათ პირდაპირ მიუთითოთ ობიექტის ან სელექტორის მითითება.

ზემოთ მოყვანილი კოდი არაფერს არ აჩვენებს, მაგრამ ის იძლევა იდეას იმის შესახებ, თუ რამდენად ადვილია ის, რომ დაკავშირება flowplayer გვერდზე. გამომავალი ვიდეო, თქვენ უნდა შექმნათ მესამე პარამეტრი, და ეს, სხვათა შორის, ასევე საკმაოდ მარტივია.

სიმარტივისთვის: მესამე პარამეტრი (config) არის ასოციაციური მასივი, რომელშიც აღწერილია შემდეგი ელემენტები:

• მაგალითად, თუ გსურთ ავტომატურად დაიწყოთ ბუფერის (ავტომატური დაბალანსება) ან დაკვრა (AutoPlay), თუ როგორ უნდა მოახდინოთ შინაარსი (სკალირების ღირებულების მორგება, შეინარჩუნებს ორიგინალურ ასპექტებს და ჩვეულებრივი ვიდეო იქნება გამოყენებული, ალბათ მხოლოდ ის). ასევე შეგიძლიათ მიუთითოთ ფაილი (url), და შეაჩეროს მოვლენები (ფუნქციები, რომელსაც ეწოდება, მაგალითად, როდესაც ფილმი იწყებს თამაშს);
• რეპერტუარი არის რეგულარული მასივი (სია). თითოეული ელემენტი შეიძლება იყოს სიმებიანი (ამ შემთხვევაში, სიმებიანი არის კლიპის მისამართი), ან ასოციაციურ მასივში. მეორე შემთხვევაში, მონაცემთა ნაკრები შეიძლება ჩაითვალოს კლიპის გასაღების მსგავსი წინა პუნქტში, მაგალითად, შეგიძლიათ მიუთითოთ ბუფერის გამოყენება, დაიწყოთ თამაში და ა.შ.
• plugins - ემსახურება გაფართოების სტანდარტული მახასიათებლები. ერთ-ერთი თვისება არის ინტერფეისის ინტერფეისის გასაღების უნარი ადგილზე.

ახლა არის პატარა მაგალითი, რომელიც მოიცავს შესაძლებლობების დემონსტრირებას:

<div id = "მოთამაშე" სტილი = "width: 520px; სიმაღლე: 330px;"> </ div> <script type = "text / javascript" src = "/ src / player / flowplayer-3.2.6.min.js flowplayer ('player', '/src/player/flowplayer-3.2.7.swf', {clip: {autoPlay: false, autoBuffering: false, scaling) : 'fit'}, დასაკრავი სია: [{url: 'https: //a-panov.ru/wp-content/uploads/2011/flowplayer.jpg', autoBuffering: true, autoPlay: true}, 'http: // pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv '], // რომ მანიპულირება plugins კონტროლი: {კონტროლი: {url:' flowplayer.controls-3.2.16.swf ', კრებული: ცრუ , // წაშლის გადახვევა ღილაკები შეჩერება: ჭეშმარიტი, // დამატება გაჩერება ღილაკი scrubber: ჭეშმარიტი // ცრუ გათიშვის სენსორული ვიდეო}}}); </ script>

წარმოდგენილი კოდი ადგენს როგორც გლობალურ პარამეტრებს: გამორთვა ავტომატური ჩართულობის დაკვრა, ავტომატური ბუფერის გამორთვა, ფანჯრის შეფუთვის სკალირების ვიდეო. როგორც დაკვრადი ფაილი, სურათი და ვიდეო გამოიყენება, სურათის პარამეტრების გადალახვა ხდება (რადგან ავტომატურად უნდა ჩატვირთვა). როდესაც თქვენ დააჭირეთ სურათზე (ან პიესის ღილაკს), ვიდეო ნაჩვენებია. როგორც ხედავთ, ყველაფერი ძალიან მარტივია. თუ გსურთ კიდევ ერთი ვიდეო კლიპის დამატება, უბრალოდ დაამატოთ ახალი ელემენტი კრებულს, რომელიც გამოყოფილია მძიმით. თუ დასაკრავი სიის ავტომატური დაკვრა საჭიროა, ასოციაციის მასივის კლიპში არის მითითებული, ავტოფლემის ღირებულება დაყენებულია ჭეშმარიტად.

დოკუმენტაციის შემცველი API ფუნქციები განთავსებულია აქ . თუ ვინმეს ინგლისური არ ესმის - არა აქვს მნიშვნელობა, ყველაფერი საკმაოდ ნათელია. და ზემოთ გაანალიზების შემდეგ, სავსებით შესაძლებელია გავიგოთ, რა არის ნავსადგურებში. მე მაღალ რეკომენდაციას მივმართავ, დარწმუნებული ვარ, რომ იქნება "დადგენა", რომელიც იქნება მოთხოვნა.

მაგალითად შეიძლება შეხედეთ აქ . არ უნდა დაგვავიწყდეს, რომ გამოიყურებოდეს კოდის (Ctrl + U)

გამომცემელი

გასულია 1 კვირა

x64 (aka andi)

კომენტარები: 2842 პუბლიკაციები: 395 რეგისტრაცია: 02-04-2009