HTML5 бейнені белгілеуді меңгеру

Авторы Эд Тит, Крис Минник

Қарапайым түрде HTML5 үшін екі негізгі медиа элемент бар, олардың екеуі де өте қарапайым. Бейне элементі аталды, және дыбыстық элемент аталды.



Экранда іс жүзінде көп (немесе кез-келген) орын қажет етпейтін аудиодан айырмашылығы, бейнеге экрандағы кадр қажет, сонымен қатар күрделі және көп басқару элементтері қажет. Сондықтан екі белгілеу элементі ұқсас болғанымен, элементтің негізгі құрылымы өзгеріссіз қалса да, бейне айтарлықтай көп багажбен келеді:



Мұндаsrcойнатқыңыз келетін бейне файлға сілтеме. Ол ойнату үшін бейне нысаны файлының атауын көрсетеді және жарамды URI болуы керек. Мысал:src = video.ogg.

Бейнені басқару атрибуттарының тізімі едәуір ұзағырақ және біршама күрделі:



трихомониазды рецептсіз емдеу
  • авто ойнату: Браузерге нысан файлы жүктелген бойда бейнені ойнатуды бастауға айтады. Мысалдар:авто ойнатунемесеавто ойнату = авто ойнау.

  • басқару элементтері: Бейнені ойнатуды басқару үшін браузерге экрандағы виджетті көрсетуді айтады (көбіне Кідірту / Ойнату түймелері, орындалу барысы және дыбыс деңгейін басқару элементтері бар). Мысалдар:басқару элементтерінемесебасқару элементтері = басқару элементтері.

  • биіктігі: Бейне көрсетілетін қораптың биіктігін пиксельмен орнатады. Мысал:биіктігі = 480 ″.



  • цикл: Браузерге басына оралып, нысан файлы аяқталғаннан кейін ойнай беруін айтады. Мысалдар:циклнемесецикл = цикл.

  • медиагруппа: Бірнеше бейнені немесе медиа элементтерді ойнатуды синхрондау үшін қолданылады (мысалы, сурдоа трегі немесе SAP трегі). Жол элементтерін қабылдайды, мұнда барлық элементтер бірдеймедиагруппақұндылық сол топтың мүшелері ретінде қарастырылады. Мысал:медиагруппа = фильм.

  • үнсіз: Ойнату үшін аудио шығыс күйін орнатады; егер бар болса, ойнату басталған кезде дыбыс өшіріледі. Мұны қатты немесе таңқаларлық аудио басқа жолмен параққа кірушілерді алаңдатуы мүмкін, егер олар қаласа, аудионы қосуды таңдай алады. Мысалдар:үнсізнемесеүнсіз = үнсіз.

  • постер: Бейнефайл болмаған кезде көрсетілетін суретті көрсетеді (әлі жүктелмеген). Мысал:постер = poster.jpg.

  • алдын-ала жүктеу: Браузерге объектілік файлды алдын-ала жүктеу керек пе, жоқ болса, қалай жүктеу керек екенін айтады. Мүмкін мәндерге мыналар кіреді:

    • жоқ: Бет жүктелген кезде бейне файлдың ешқандай бөлігін жүктемейді.

    • метадеректер: Бет жүктелген кезде тек бейне метадеректерді жүктейді. Ол сонымен қатар ойнатуды орнатады, бірақ әлі деректер жүктелмеген.

    • автоматты:Бет жүктелген кезде бүкіл бейне файлын жүктейді.

    Theалдын-ала жүктеутөлсипат еленбейді, егеравто ойнатуқатысады.

  • ені: Бейне көрсетілетін қораптың енін пиксельмен орнатады. Мысал:ені = 640 ″.

Келесі түзету Уикипедиядан бейне үзіндісін көрсетеді:

Браузер HTML5 бейнесін қолдамайды; қосымша ойнату ұсынылған.

Суретте бейнені қарау аяқталғаннан кейін, қосымша мәтіні мен ақпараттары бар дұрыс салынған HTML файлының ішіндегі бұл парақтың Chrome-да экранда қалай көрінетіні көрсетілген.? Бейнені басқару тақтасы аудио үшін басқару тақтасымен бірдей.

Айырмашылық мынада, бейнені басқару жолағында оң жақта кадрлық басқару бар. Сондай-ақ, бейнені ойнатуға арналған альтернатива дыбыстық кері байланыс үшін жұмыс істейтіндігімен ерекшеленетіндігін ескеріңіз, сондықтан HTML5 браузерлерінде алдымен қалаған ойнатқышты бір-біріне қоюға болады, егер мүмкін болса, содан кейін кез-келген ретпен басқа ойыншылар жіберіледі.

image0.jpg