HTML5 - Вградена мултимедия

В HTML5 видео и аудио елементите имат много общи фактори, следователно обектът HTMLMediaElement определя основните характеристики на всеки от тях в СЛЪНЦЕ.
Аудио елементите са представени от обекта HTMLAudioElement, този обект не представлява никакво увеличаване на функционалностите на HTMLMediaElement, от друга страна имаме обекта HTMLVideoElement представляващи видео елементите и обратното на обекта HTMLAudioElement това, ако предполага някои допълнителни характеристики на HTMLMediaElement.
Аудио елемент
Елементът Аудио ни позволява да вграждаме аудио съдържание в нашите HTML документи, то е ново в HTML5 и може да съдържа следните атрибути: автоматично пускане, предварително зареждане, контроли, цикъл, заглушен, src.
Нека да видим пример с код за това как да включим аудио елемент в нашите документи:

 Пример Не може да се възпроизвежда аудиосъдържание 

Забелязваме, че имаме етикет, където определяме атрибута контроли за да можем да имаме бутоните, които ни позволяват да манипулираме възпроизвеждането на файла, с src ние посочваме пътя към аудио файла и накрая автоматично изпълнение, присъствието показва, че файлът трябва да се възпроизвежда, когато документът е зареден.
Както виждаме, това е нещо доста лесно за боравене, нека видим на следващото изображение как би изглеждало в нашия браузър:

Вземете мултимедийна информация
Както споменахме в началото, с обекта HTMLMediaElement ние сме групирали общите аудио и видео характеристики и че в случай на видео някои допълнителни характеристики са били увеличени.
Информацията, която можем да получим с този обект, е следната:

• автоматично изпълнение Той ни казва дали автоматичното възпроизвеждане на файла е активирано или не.
• canPlayType() ни казва дали браузърът е в състояние да възпроизведе посочения файл.
• currentSrc ви позволява да знаете текущия източник на файла.
• контроли ни позволява да знаем или да установим наличието или не на контролите за възпроизвеждане във файла.
• defaultMuted показва или задава дали файлът трябва да започне с тома напълно безшумен.
• цикъл посочва или задава дали файлът трябва да бъде затворен.
• заглушен намалете силата на звука на файла
• предварително зареждане показва или задава файла да се зарежда преди възпроизвеждане, когато страницата се зареди.
• src показва или задава пътя към медийния файл.
• сила на звука задава или показва силата на звука при възпроизвеждане на файла.

Както посочихме, видео елементът има някои допълнителни характеристики, нека да видим какви са те по -долу:

• височина показва или задава височината.
• постер показва или задава стойността на атрибута poster, с който можем да поставим изображение на корицата на видеоклипа
• videoHeight показва или задава височината на видеоклипа.
• videoWidth показва или задава ширината на видеоклипа
• ширина показва или задава ширината.

В следния код ще видим как можем да получим информация от тези елементи и как можем да ги покажем в нашия документ, за да я видим в браузъра:

 Примерно видео не може да се покаже 
 
Имот
Стойност

 

 

За да завършим този урок, нека видим какво ни показва браузърът с този код:

Увеличете

Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка