15
МУЛТИМЕДИЯ И HTML5 ОСНОВНИ КОМАНДИ Доц. М. Иванова

Multimedia&html5

Embed Size (px)

DESCRIPTION

Multimedia&html5

Citation preview

Page 1: Multimedia&html5

МУЛТИМЕДИЯ И HTML5ОСНОВНИ КОМАНДИДоц. М. Иванова

Page 2: Multimedia&html5

Формати за аудио

Формат Файл Описание

MIDI .mid.midi

MIDI (Musical Instrument Digital Interface) – формат за електронни музикални устройства като синтезатори и PC звукови карти. MIDI файловете не съдържат звук, а само инструкции – затова и те са малки по размер.

MP3 .mp3 MP3 файловете съдържат звуковата част от MPEG файловете. MPEG е формат разработен за видео от Moving Pictures Experts Group. MP3 е най-популярния формат за музика. Форматът се характеризира с добра компресия и високо качество.

RealAudio .rm.ram

RealAudio е разработен от Real Media. Позволява аудио стрийминг (онлайн музика, Интернет радио) в тясна честотна лента, поради което качеството не е съвесем добро.

WAV .wav WAVE (повече познат като WAV) – формат разработен от IBM и Microsoft.

WMA .wma WMA (Windows Media Audio) – притежава качеството на MP3 и е съвместим с повечето плейъри, с изключение на iPod. WMA файловете могат да бъдат доставени като непрекъснат поток от данни – затова се използват за слушане на онлайн музика и Интернет радио.

OGG .ogg Формат за съхранение на аудио и видео записи. Разработва се от нетърговската организация Xiph.org. Файловете са с малък размер.

Page 3: Multimedia&html5

Формати за видеоФормат Файл ОписаниеAVI .avi AVI (Audio Video Interleave) – разработен от Microsoft. AVI се използва за пренасяне на видео

фалове в Интернет. Не винаги е възможно да се стартира такъв файл на други операционни системи различни от Windows.

WMV .wmv WMV (Windows Media Video) – разработен от Microsoft. WMV използва се в Интернет. Не може да се възпроизвежда на други операционни системи различни от Windows без допълнително инсталиране на компоненти.

MPEG .mpg.mpeg

MPEG (Moving Pictures Expert Group) – форматът се поддържа от известните ни браузъри.

QuickTime .mov QuickTime – разработен от Apple. QuickTime – използва се в Интернет. QuickTime файловете не могат да се възпроизведат без допълнителна инталация на компоненти при Windows ОС.

RealVideo .rm.ram

RealVideo – разработен от Real Media. RealVideo позволява стрийминг видео (онлайн видео, Интернет телевизия) в тясна честотна лента, затова качеството не е добро.

Flash .swf.flv

Flash – разработен от Macromedia. Flash изисква допълнителни компоненти, за да се възпроизведе.

MP4 .mp4 Mpeg-4 (MP4) – нов формат за Интернет. YouTube препоръчва използването на MP4. YouTube допуска различни формати, които след това конвертира в .flv или .mp4.

OGG .ogg Формат за съхранение на аудио и видео записи. Разработва се от нетърговската организация Xiph.org. Файловете са с малък размер.

WebM .webm

Видео формат, предназначен да предостави висококачествена компресия на видео за HTML5. Проектът е спонсориран от Google. YouTube ще конвертира целия си архив от клипове в WebM.

Page 4: Multimedia&html5

Команда за вмъкване на изображение

<img src=”pic.jpg” width=“200” height=“200” alt=“Това е изображение”>

jpg, gif, png, bmp, tiff

Page 5: Multimedia&html5

Команда за вмъкване на аудио файл

<audio src=”myaudio.mp3”></audio> <audio src=”myaudio.mp3” autoplay></audio> <audio src=”myaudio.mp3” controls></audio> <audio src=”myaudio.mp3” loop></audio>

wav, mp3, ogg, друг

Page 6: Multimedia&html5

Команда за вмъкване на аудио файл Различни формати за различни браузъри<audio controls> <source src=”fly.mp3” type=”audio/mpeg”> <source src=”fly.ogg” type=”audio/ogg”

codecs=”vorbis”>Вашият браузър не поддържа този аудио формат. </audio>

Page 7: Multimedia&html5

Команда за вмъкване на аудио файл За по-стари браузъри<audio controls> <source src=”fly.mp3” type=”audio/mpeg”> <source src=”fly.ogg” type=”audio/ogg”> <embed src=”fly.mp3” width=”100”

height=”120”></audio>

Page 8: Multimedia&html5

Команда за вмъкване на аудио файл Възпроизвеждане на аудио чрез Yahoo Media

Player

<a href=”fly.mp3”>Пусни песента</a> <script src=”http://mediaplayer.yahoo.com/latest”></script>

Page 9: Multimedia&html5

Команда Описание

<embed> Дефинира вмъкнат обект – при HTML 4.01

<object> Дефинира вмъкнат обект

<param> Дефинира параметър на обект

<audio> Дефинира аудио съдържание

<video> Дефинира видео или филм

<source> Дефинира няколко медийни ресурси за медийни обекти (<video> и <audio>)

<track> Дефинира текстов трек за медийни обекти (<video> и <audio>)

Page 10: Multimedia&html5

Команда за вмъкване на видео файл

<video src=”myvideo.mp4”></video> <video src=”myvideo.mp4” autoplay></video> <video src=”myvideo.mp3” controls></video> <video src=”myvideo.mp3” loop></video>

mp4, ogg, webm, друг

Page 11: Multimedia&html5

Команда за вмъкване на видео файл Различни формати за различни браузъри<video width=”320” height=”240” controls> <source src=”myvideo.mp4” type=”video/mp4”> <source src=”myvideo.ogg” type=”video/ogg”> <source src=”myvideo.webm”

type=”video/webm”>Вашият браузър не поддържа този формат за

видео.</video>

Page 12: Multimedia&html5

Команда за вмъкване на видео файл За по-стари браузъри<video width=”320” height=”240” controls> <source src=”myvideo.mp4” type=”video/mp4”> <source src=”myvideo.ogg” type=”video/ogg”> <source src=”myvideo.webm” type=”video/webm”> <object data=”myvideo.mp4” width=”320”

height=”240”> <embed src=”myvideo.swf” width=”320”

height=”240”> </object></video>

Page 13: Multimedia&html5

Команда за вмъкване на аудио/видео файлове от YouTube и Flash обекти

<object width=”425” height=”344”><param name=”movie” value=”url”></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”url” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425” height=”344”></embed></object>

Page 14: Multimedia&html5

Команда за вмъкване на Flash обекти

<object type=”application/x-shockwave-flash” data=”primer.swf” width=”350” height=”200”><param name=”quality” value=”high”>

</object>

Page 15: Multimedia&html5

Вмъкване на клип чрез командата <iframe></iframe>

<iframe width=”200” height=”150” src=”http://www.youtube.com/embed/Md8K923lutR” frameborder=”0” allowfullscreen></iframe>