16 вересня о 18:00Вебінар: Робота з дітьми, що мають синдром Дауна: цікаво про важливе

Розміщення та відтворення на веб-сторінках мультимедійних даних

Про матеріал
Мета: Допомогти учням засвоїти факти та основні ідеї розміщення та відтворення на веб-сторінках мультимедійних даних. Забезпечити якість вивчення нового матеріалу. Формувати вміння виділяти головне, актуалізувати, конспектувати, порівнювати, зіставляти. Забезпечити диференційований підхід. Встановити зв'язки між засвоєними та новими знаннями. Формувати групи компетентностей: соціально-трудову, інформаційну, загальнокультурну, соціально-трудову, уміння вчитися.
Перегляд файлу
Розміщення та відтворення на веб-сторінках мультимедійних даних. Урок в 10 класі
Повторюємо. Які ви знаєте найбільш розповсюджені в Інтернеті формати графічних зображень?Як створити тло веб-сторінки?За допомогою яких тегів можна додати зображення до веб-документу?Чи можна використати зображення як посилання? Як це зробити?
Використання мультимедійних даних на веб-сторінках робить їх наочними, легкими для сприйняття. Крім того, завдяки поданню інформації не у вигляді тексту, який потрібно уважно читати, а у формі аудіозаписів та відеозображень, можна скоротити час перегляду. Завдяки спеціальним модулям, вбудованим у браузер, аудіо- та відеофайли можуть відтворюватися прямо у його вікні.
Формати аудіо- та відеофайлів. Щоб зберегти звук чи відеоряд у файлі, його потрібно закодувати. Спосіб кодування визначається форматом файлу, а програмний модуль, який здійснює кодування (що, як правило, супроводжується стисканням) та розкодування, називають кодеком. Розглянемо детальніше поширені формати аудіо- та відео файлів.
Формати відеофайлів. AVIФормат AVI (Audio Video Interleaved — аудіо- та відеодані, що чергуються) призначений для записування звуку та рухомих зображень. AVI-дані можна редагувати, експортувати, стискати, використовуючи програми Adobe Premiere, Adobe After Effects та інші. AVI-інформація зберігається у файлах із розширенням .avi. Для її відтворення потрібна спеціальна програма, яка входить у комплект поставки деяких браузерів. її можна також встановити додатково.
Формати відеофайлів. MOVТехнологія MOV, або Quick. Time, призначена для створення, зберігання та відтворення мультимедійних даних. Вона дає змогу об'єднувати звук, текст, анімацію та відео в одному файлі. MOV-інформація зберігається у файлах із розширенням .mov. Програмне забезпечення для її відтворення також постачається у комплекті з більшістю браузерів.
Формати відеофайлів. MPEGMPEG (Moving Pictures Experts Group — група експертів з обробки рухомих зображень) розробила стандарт стиснення відео- та аудіоданих. Для перегляду MPEG-даних за допомогою браузера слід використовувати додатковий модуль. Формат має кілька версій, від MPEG-1 до MPEG-4. Відео файли цього формату мають розширення .mpeg.
Формати відеофайлів. ASFФормат ASF (Advanced Streaming Format — розширений формат потокових даних) розроблено корпорацією Майкрософт для файлів, що містять потокове аудіо та відео (потокову технологію буде розглянуто нижче). Файли цього формату зазвичай мають розширення .asf.
Формати аудіофайлів. WAVФормат WAV (Windows Audio) був створений корпорацією Майкрософт і прийнятий як стандарт для звукового супроводу роботи системи і комп'ютерних ігор. WAV-дані зберігаються у файлах із розширенням .wav у нестиснутому вигляді. Ці файли містять інформацію про кількість доріжок, режим (моно або стерео), швидкість запису.
Формати аудіофайлів. AIFFAIFF (Audio Interchange File Format — формат обміну аудіоданими) — це популярний формат платформи Macintosh, його також використовують для запису аудіоінформації на компакт-диск. Дані AIFF-формату зберігаються у файлах із розширенням .aif, де міститься також інформація про моно- чи стереорежим, швидкість запису.
Формати аудіофайлів. МРЗФормат МРЗ (MPEG-1 Audio Layer-3) має високий ступінь стискання даних і дає змогу створювати файли невеликого розміру (вони мають розширення .mр. З). Завдяки цій властивості МРЗ сьогодні є найпоширенішим форматом зберігання аудіозаписів у Інтернеті.
Технології та засоби відтворення мультимедіа Звичайно, для використання звукових та мультимедійних можливостей комп'ютера слід потурбуватися про те, щоб він був обладнаний звуковою картою та колонками. Щодо самого процесу відтворення, то він має низку особливостей. Файли більшості форматів починають відтворюватись лише після завершення їх завантаження. Є й інший спосіб передавання та відтворення файлів мультимедіа — у режимі реального часу. Таку технологію називають потоковою.
 Інформацію можна отримувати безпосередньо від джерела даних, зокрема з відеокамери або файлу на сервері. Дані відтворюються в міру їхнього надходження, копія на жорсткому диску комп'ютера користувача не створюється. Передавання потокових мультимедійних даних схоже на трансляцію телевізійних та радіопередач: користувач може приймати одну передачу, потім переключитися на інший канал або взагалі припинити приймання.
Приймання потокових мультимедійних даних Приймання потокових мультимедійних даних має кілька переваг порівняно зі звичайним завантаженням файлів з веб-сервера. Негайне відтворення. У разі приймання інформації в потоковому режимі фрагмент даних відтворюється відразу після його отримання. Можливість передавання поточних подій. Передавання даних у потоковому режимі зручно використовувати, наприклад, для новин або репортажів зі спортивних змагань. Можливість передавання великих обсягів даних. У потоковому передаванні даних не діють обмеження на довжину файлу, що передається. Однак у цьому випадку копії мультимедійного файлу на комп‘ютері створено не буде, і для його повторного відтворення потрібно знову зв'язуватися з відповідним веб-сервером.
Потокові технології Поширеними є такі потокові технології: Real. Audio/Video — це технологія потокового передавання аудіо- та відеоінформації, розроблена компанією Progressive Net­works. Для відтворення даних необхідний додатковий програмний модуль Real. Player. Файли, призначені для обробки засобами Real. Audio/Video, мають розширення .ra, .ram, .rm, .rmm, .rmd. Quick. Time Streaming Server — підтримує потокове передавання відео, аудіо, тексту та MIDI-інформації. Windows Media Server — це комплект цифрових компонентів для підтримування роботи з мультимедійними даними, що надає користувачам повний набір засобів для роботи з мультимедіа. Вони забезпечують відтворення аудіоінформації, що записана на компакт-диску, дають змогу працювати з аудіо- та відеоданими, які розташовані на веб-сервері, підтримують завантаження таких даних у потоковому режимі, надають низку додаткових можливостей. Окрім формату Windows Media ця технологія підтримує формати WAV, AVI, MIDI, MPEG, VOD, AIFF, MPS.
Програвач Windows Media Однією з найпопулярніших програм відтворення мультимедійних даних є Програвач Windows Media (Windows Media Player). Це універсальний програвач для прослуховування аудіо- та перегляду відеофайлів більшості популярних форматів. Файли можуть міститися як на комп'ютері чи компакт-дисках, так і на веб-сторінках. Як і у вікнах більшості Windows-програм, у вікні програвача Windows Media є меню, область відображення, панелі задач та керування, рядок стану. У центральній частині вікна розміщена область відображення. Програма демонструє у ній відеозапис із Інтернету або локального файлу, виводить візуальний супровід відтворюваного аудіозапису або рекламне оголошення. Для керування процесом відтворення використовують елементи панелі керування. Покажчик смуги пошуку пов'язаний із поточним місцем у записі: пересуваючи його, можна відтворювати будь-який потрібний фрагмент (але це не стосується потокових даних). Нижче розташовані елементи керування звуком і відтворюваними об'єктами, а також рядок стану з допоміжною інформацією.
Використання мультимедіа на веб-сторінках. Internet Explorer може завантажувати та відтворювати фоновий звук, для прослуховування якого не потрібно виконувати жодних дій. Звук зберігається у файлі. Для вставлення фонового звуку використовують тег такого формату:<BGSOUND SRC=Атрибут LOOP може набувати значень:true — повторення звуку доти, доки сторінка відображаєть­.ся на екрані;false — відтворення звукового файлу один раз;число — кількість відтворень. Наприклад: ." title="Використання мультимедіа на веб-сторінках. Internet Explorer може завантажувати та відтворювати фоновий звук, для прослуховування якого не потрібно виконувати жодних дій. Звук зберігається у файлі. Для вставлення фонового звуку використовують тег такого формату:Атрибут LOOP може набувати значень:true — повторення звуку доти, доки сторінка відображаєть­.ся на екрані;false — відтворення звукового файлу один раз;число — кількість відтворень. Наприклад: .">
 Розглянемо, як розміщують посилання на аудіо- та відеофайли. Якщо, наприклад, у поточній папці є файл кліпу school.avi, то посилання на нього можна задати так:<А HREF=Biдeoклiп про школу (600 К)Після клацання мишею гіперпосилання та надання дозволу на відкривання файлу з'явиться вікно програвача для відтворення цього відеокліпу. Атрибут DYNSRC тегу дає змогу вбудовувати відео у такий спосіб: на веб-сторінці міститься картинка, після наведення на яку вказівника миші починається відтворення відеокліпу." title=" Розглянемо, як розміщують посилання на аудіо- та відеофайли. Якщо, наприклад, у поточній папці є файл кліпу school.avi, то посилання на нього можна задати так:<А HREF=" school .avi">Biдeoклiп про школу (600 К)Після клацання мишею гіперпосилання та надання дозволу на відкривання файлу з'явиться вікно програвача для відтворення цього відеокліпу. Атрибут DYNSRC тегу дає змогу вбудовувати відео у такий спосіб: на веб-сторінці міститься картинка, після наведення на яку вказівника миші починається відтворення відеокліпу.">
Ось зразок такого тегу:<IMG SRC = Розглянемо приклад розміщення звукового файлу audio.wav за допомогою тегу , який дає змогу розмістити на веб-сторінці спеціальну панель програвача мультимедійних файлів. Для цього використовують теги , наприклад, так: " title="Ось зразок такого тегу:Розглянемо приклад розміщення звукового файлу audio.wav за допомогою тегу , який дає змогу розмістити на веб-сторінці спеціальну панель програвача мультимедійних файлів. Для цього використовують теги , наприклад, так: ">
Атрибути тега <EMBED> Файл audio.wav у цьому прикладі має бути збережений у поточній папці (тій самій, що й HTML-документ). Тег <EMBED> може мати такі атрибути: SRC (значення — URL-адреса) — адреса кліпу;ALIGN (набуває значень left, right, top, middle, bottom) — вирівнювання панелі програвача щодо тексту;WIDTH (у пікселах) — ширина програвача;HEIGHT (у пікселах) — висота програвача;AUTOSTART (набуває значень true або false) — настроювання.автоматичного запуску після завантаження;REPEAT (значення true або false) — настроювання повторного програвання;PLAY_LOOP — кількість повторень;HIDDEN (значення true або false) — показати або приховати панель.<EMBED SRC=" title="Атрибути тега Файл audio.wav у цьому прикладі має бути збережений у поточній папці (тій самій, що й HTML-документ). Тег може мати такі атрибути: SRC (значення — URL-адреса) — адреса кліпу;ALIGN (набуває значень left, right, top, middle, bottom) — вирівнювання панелі програвача щодо тексту;WIDTH (у пікселах) — ширина програвача;HEIGHT (у пікселах) — висота програвача;AUTOSTART (набуває значень true або false) — настроювання.автоматичного запуску після завантаження;REPEAT (значення true або false) — настроювання повторного програвання;PLAY_LOOP — кількість повторень;HIDDEN (значення true або false) — показати або приховати панель.">
Тег <OBJECT> Інший спосіб розміщення мультимедійного об'єкта на сторінці — це застосування більш універсального тегу <OBJECT>. Наприклад:<OBJECT DATA=Атрибут DATA задає URL-адресу відтворюваного файлу, атрибут TYPE визначає його формат. Для тегу можна використовувати ще такі атрибути: ALIGN — вирівнювання відносно тексту;WIDTH — ширина;HEIGHT — висота;HSPACE — відступ по горизонталі;VSPACE — відступ по вертикалі." title="Тег Інший спосіб розміщення мультимедійного об'єкта на сторінці — це застосування більш універсального тегу . Наприклад:Атрибут DATA задає URL-адресу відтворюваного файлу, атрибут TYPE визначає його формат. Для тегу можна використовувати ще такі атрибути: ALIGN — вирівнювання відносно тексту;WIDTH — ширина;HEIGHT — висота;HSPACE — відступ по горизонталі;VSPACE — відступ по вертикалі.">
У тегу <OBJECT> можна задати атрибут STANDBY, значення якого (текстовий рядок) відображатиметься на екрані доти, доки не завантажиться весь об'єкт. Наприклад, доцільно написати так:<OBJECT DATA=Якщо файл 1.wav має великий розмір, відвідувач побачить повідомлення про те, що відбувається завантаження. " title="У тегу можна задати атрибут STANDBY, значення якого (текстовий рядок) відображатиметься на екрані доти, доки не завантажиться весь об'єкт. Наприклад, доцільно написати так:Якщо файл 1.wav має великий розмір, відвідувач побачить повідомлення про те, що відбувається завантаження. ">
Підсумок уроку. Назвати найпоширеніші формати аудіо- та відеофайлів. Яка технологія відтворення медіа?Нізвіть переваги приймання м. Потокових мультимедійних даних. За допомогою яких тегів можна розмістити аудіо- та відеофайли у веб-документ?
Домашнє завдання. Опрацювати вивчений матеріал. Використовуючи мережу Інтернет та вільно доступні навчальні матеріали, створіть власний сайт по вивченню обраного вами предмету та додайте навчальні записи літературних творів.
Зміст слайдів
Номер слайду 1

Розміщення та відтворення на веб-сторінках мультимедійних даних. Урок в 10 класі

Номер слайду 2

Повторюємо. Які ви знаєте найбільш розповсюджені в Інтернеті формати графічних зображень?Як створити тло веб-сторінки?За допомогою яких тегів можна додати зображення до веб-документу?Чи можна використати зображення як посилання? Як це зробити?

Номер слайду 3

Використання мультимедійних даних на веб-сторінках робить їх наочними, легкими для сприйняття. Крім того, завдяки поданню інформації не у вигляді тексту, який потрібно уважно читати, а у формі аудіозаписів та відеозображень, можна скоротити час перегляду. Завдяки спеціальним модулям, вбудованим у браузер, аудіо- та відеофайли можуть відтворюватися прямо у його вікні.

Номер слайду 4

Формати аудіо- та відеофайлів. Щоб зберегти звук чи відеоряд у файлі, його потрібно закодувати. Спосіб кодування визначається форматом файлу, а програмний модуль, який здійснює кодування (що, як правило, супроводжується стисканням) та розкодування, називають кодеком. Розглянемо детальніше поширені формати аудіо- та відео файлів.

Номер слайду 5

Формати відеофайлів. AVIФормат AVI (Audio Video Interleaved — аудіо- та відеодані, що чергуються) призначений для записування звуку та рухомих зображень. AVI-дані можна редагувати, експортувати, стискати, використовуючи програми Adobe Premiere, Adobe After Effects та інші. AVI-інформація зберігається у файлах із розширенням .avi. Для її відтворення потрібна спеціальна програма, яка входить у комплект поставки деяких браузерів. її можна також встановити додатково.

Номер слайду 6

Формати відеофайлів. MOVТехнологія MOV, або Quick. Time, призначена для створення, зберігання та відтворення мультимедійних даних. Вона дає змогу об'єднувати звук, текст, анімацію та відео в одному файлі. MOV-інформація зберігається у файлах із розширенням .mov. Програмне забезпечення для її відтворення також постачається у комплекті з більшістю браузерів.

Номер слайду 7

Формати відеофайлів. MPEGMPEG (Moving Pictures Experts Group — група експертів з обробки рухомих зображень) розробила стандарт стиснення відео- та аудіоданих. Для перегляду MPEG-даних за допомогою браузера слід використовувати додатковий модуль. Формат має кілька версій, від MPEG-1 до MPEG-4. Відео файли цього формату мають розширення .mpeg.

Номер слайду 8

Формати відеофайлів. ASFФормат ASF (Advanced Streaming Format — розширений формат потокових даних) розроблено корпорацією Майкрософт для файлів, що містять потокове аудіо та відео (потокову технологію буде розглянуто нижче). Файли цього формату зазвичай мають розширення .asf.

Номер слайду 9

Формати аудіофайлів. WAVФормат WAV (Windows Audio) був створений корпорацією Майкрософт і прийнятий як стандарт для звукового супроводу роботи системи і комп'ютерних ігор. WAV-дані зберігаються у файлах із розширенням .wav у нестиснутому вигляді. Ці файли містять інформацію про кількість доріжок, режим (моно або стерео), швидкість запису.

Номер слайду 10

Формати аудіофайлів. AIFFAIFF (Audio Interchange File Format — формат обміну аудіоданими) — це популярний формат платформи Macintosh, його також використовують для запису аудіоінформації на компакт-диск. Дані AIFF-формату зберігаються у файлах із розширенням .aif, де міститься також інформація про моно- чи стереорежим, швидкість запису.

Номер слайду 11

Формати аудіофайлів. МРЗФормат МРЗ (MPEG-1 Audio Layer-3) має високий ступінь стискання даних і дає змогу створювати файли невеликого розміру (вони мають розширення .mр. З). Завдяки цій властивості МРЗ сьогодні є найпоширенішим форматом зберігання аудіозаписів у Інтернеті.

Номер слайду 12

Технології та засоби відтворення мультимедіа Звичайно, для використання звукових та мультимедійних можливостей комп'ютера слід потурбуватися про те, щоб він був обладнаний звуковою картою та колонками. Щодо самого процесу відтворення, то він має низку особливостей. Файли більшості форматів починають відтворюватись лише після завершення їх завантаження. Є й інший спосіб передавання та відтворення файлів мультимедіа — у режимі реального часу. Таку технологію називають потоковою.

Номер слайду 13

Інформацію можна отримувати безпосередньо від джерела даних, зокрема з відеокамери або файлу на сервері. Дані відтворюються в міру їхнього надходження, копія на жорсткому диску комп'ютера користувача не створюється. Передавання потокових мультимедійних даних схоже на трансляцію телевізійних та радіопередач: користувач може приймати одну передачу, потім переключитися на інший канал або взагалі припинити приймання.

Номер слайду 14

Приймання потокових мультимедійних даних Приймання потокових мультимедійних даних має кілька переваг порівняно зі звичайним завантаженням файлів з веб-сервера. Негайне відтворення. У разі приймання інформації в потоковому режимі фрагмент даних відтворюється відразу після його отримання. Можливість передавання поточних подій. Передавання даних у потоковому режимі зручно використовувати, наприклад, для новин або репортажів зі спортивних змагань. Можливість передавання великих обсягів даних. У потоковому передаванні даних не діють обмеження на довжину файлу, що передається. Однак у цьому випадку копії мультимедійного файлу на комп‘ютері створено не буде, і для його повторного відтворення потрібно знову зв'язуватися з відповідним веб-сервером.

Номер слайду 15

Потокові технології Поширеними є такі потокові технології: Real. Audio/Video — це технологія потокового передавання аудіо- та відеоінформації, розроблена компанією Progressive Net­works. Для відтворення даних необхідний додатковий програмний модуль Real. Player. Файли, призначені для обробки засобами Real. Audio/Video, мають розширення .ra, .ram, .rm, .rmm, .rmd. Quick. Time Streaming Server — підтримує потокове передавання відео, аудіо, тексту та MIDI-інформації. Windows Media Server — це комплект цифрових компонентів для підтримування роботи з мультимедійними даними, що надає користувачам повний набір засобів для роботи з мультимедіа. Вони забезпечують відтворення аудіоінформації, що записана на компакт-диску, дають змогу працювати з аудіо- та відеоданими, які розташовані на веб-сервері, підтримують завантаження таких даних у потоковому режимі, надають низку додаткових можливостей. Окрім формату Windows Media ця технологія підтримує формати WAV, AVI, MIDI, MPEG, VOD, AIFF, MPS.

Номер слайду 16

Програвач Windows Media Однією з найпопулярніших програм відтворення мультимедійних даних є Програвач Windows Media (Windows Media Player). Це універсальний програвач для прослуховування аудіо- та перегляду відеофайлів більшості популярних форматів. Файли можуть міститися як на комп'ютері чи компакт-дисках, так і на веб-сторінках. Як і у вікнах більшості Windows-програм, у вікні програвача Windows Media є меню, область відображення, панелі задач та керування, рядок стану. У центральній частині вікна розміщена область відображення. Програма демонструє у ній відеозапис із Інтернету або локального файлу, виводить візуальний супровід відтворюваного аудіозапису або рекламне оголошення. Для керування процесом відтворення використовують елементи панелі керування. Покажчик смуги пошуку пов'язаний із поточним місцем у записі: пересуваючи його, можна відтворювати будь-який потрібний фрагмент (але це не стосується потокових даних). Нижче розташовані елементи керування звуком і відтворюваними об'єктами, а також рядок стану з допоміжною інформацією.

Номер слайду 17

Використання мультимедіа на веб-сторінках. Internet Explorer може завантажувати та відтворювати фоновий звук, для прослуховування якого не потрібно виконувати жодних дій. Звук зберігається у файлі. Для вставлення фонового звуку використовують тег такого формату:Атрибут LOOP може набувати значень:true — повторення звуку доти, доки сторінка відображаєть­.ся на екрані;false — відтворення звукового файлу один раз;число — кількість відтворень. Наприклад: .

Номер слайду 18

Розглянемо, як розміщують посилання на аудіо- та відеофайли. Якщо, наприклад, у поточній папці є файл кліпу school.avi, то посилання на нього можна задати так:<А HREF=" school .avi">Biдeoклiп про школу (600 К)Після клацання мишею гіперпосилання та надання дозволу на відкривання файлу з'явиться вікно програвача для відтворення цього відеокліпу. Атрибут DYNSRC тегу дає змогу вбудовувати відео у такий спосіб: на веб-сторінці міститься картинка, після наведення на яку вказівника миші починається відтворення відеокліпу.

Номер слайду 19

Ось зразок такого тегу:Розглянемо приклад розміщення звукового файлу audio.wav за допомогою тегу , який дає змогу розмістити на веб-сторінці спеціальну панель програвача мультимедійних файлів. Для цього використовують теги , наприклад, так: 

Номер слайду 20

Атрибути тега Файл audio.wav у цьому прикладі має бути збережений у поточній папці (тій самій, що й HTML-документ). Тег може мати такі атрибути: SRC (значення — URL-адреса) — адреса кліпу;ALIGN (набуває значень left, right, top, middle, bottom) — вирівнювання панелі програвача щодо тексту;WIDTH (у пікселах) — ширина програвача;HEIGHT (у пікселах) — висота програвача;AUTOSTART (набуває значень true або false) — настроювання.автоматичного запуску після завантаження;REPEAT (значення true або false) — настроювання повторного програвання;PLAY_LOOP — кількість повторень;HIDDEN (значення true або false) — показати або приховати панель.

Номер слайду 21

Тег Інший спосіб розміщення мультимедійного об'єкта на сторінці — це застосування більш універсального тегу . Наприклад:Атрибут DATA задає URL-адресу відтворюваного файлу, атрибут TYPE визначає його формат. Для тегу можна використовувати ще такі атрибути: ALIGN — вирівнювання відносно тексту;WIDTH — ширина;HEIGHT — висота;HSPACE — відступ по горизонталі;VSPACE — відступ по вертикалі.

Номер слайду 22

У тегу можна задати атрибут STANDBY, значення якого (текстовий рядок) відображатиметься на екрані доти, доки не завантажиться весь об'єкт. Наприклад, доцільно написати так:Якщо файл 1.wav має великий розмір, відвідувач побачить повідомлення про те, що відбувається завантаження. 

Номер слайду 23

Підсумок уроку. Назвати найпоширеніші формати аудіо- та відеофайлів. Яка технологія відтворення медіа?Нізвіть переваги приймання м. Потокових мультимедійних даних. За допомогою яких тегів можна розмістити аудіо- та відеофайли у веб-документ?

Номер слайду 24

Домашнє завдання. Опрацювати вивчений матеріал. Використовуючи мережу Інтернет та вільно доступні навчальні матеріали, створіть власний сайт по вивченню обраного вами предмету та додайте навчальні записи літературних творів.

pptx
Додав(-ла)
Дідур Тетяна
Додано
8 квітня
Переглядів
91
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку