<
  • Главная
Статьи

ვიდეო ჩასმა გვერდზე: გამოიყენეთ javascript და flash

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

ცოტა ხნის წინ მე ვთქვი ვიდეო ტეგი, სპეციალურად განხორციელებული html5

ცოტა ხნის წინ მე ვთქვი ვიდეო ტეგი, სპეციალურად განხორციელებული 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

?სურთ გაიგოთ javascript ჯადოსნური?


Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

    Возможности Jetpack плагина
    Вступление Возможности Jetpack плагина это более 30 функциональных модуля плагина, делающего его универсальным плагином WordPress, заменяющего аналогичные сторонние плагины. Jetpack один заменяет десятки

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью