Практична робота 6.

О
 працювання звукових даних
Завдання:  створити звуковий фрагмент із використанням готового і  само­
стійно записаного звукового матеріалу.
Обладнання: комп’ютер з аудіоредактором Audacity, колонки або навушники,
мікрофон, текст для запису (наприклад, вірш), папка з  файла­
ми для звукового монтажу.

Хід роботи
Під час роботи за  комп’ютером дотримуйтесь правил безпеки.
1. У власній папці створіть папку Практична робота6 і  матеріали для зву­
кового монтажу, запропоновані вчителем.
2. Запустіть аудіоредактор. Користуючись алгоритмом записування зву­
ку, прочитайте і  запишіть за допомогою мікрофона текст за вказівкою
вчителя.
3. Прослухайте запис. Якщо якість достатня, вилучіть зайві паузи та
шуми на початку й  у кінці доріжки.
В  іншому разі  — вилучте доріжку і  повторіть запис, змінюючи параме­
три (відстань до мікрофона, рівень запису тощо), щоб досягти потрібної
якості. Отриманій доріжці дайте назву Текст.
4. Збережіть проект у  папці Практична робота6.
5. Імпортуйте до проекту запропонований учителем файл із  музичним
«тлом». Доріжці з  музикою дайте назву Супровід.
6. Розташуйте доріжки одну відносно одної так, щоб текст починав зву­
чати через 2–3 секунди після початку звучання музики.
7. Видаліть зайву частину фрагмента на доріжці Супровід так, щоб звучан­
ня музики припинялось через 2–3 секунди після закінчення звучання
тексту.
8. Для фрагмента на доріжці Супровід додайте повільне наростання звуку
протягом першої секунди і  затихання протягом останньої секунди.
9. До частини фрагмента на доріжці Текст додайте ефект відлуння.
Поекспериментуйте з  параметрами таким чином, щоб отримати якнай­
краще звучання.
10. Збережіть проект. Двічі експортуйте кінцевий результат у  файл формату
MP3: перший раз із  бітрейтом 192 Кб/с, а  другий  — 64  Кб/с. Порівняйте
якість звучання отриманих файлів.
11. Експортуйте проект у  файл формату WAV (він не передбачає стиснення
даних). 
Порівняйте розміри отриманого файла та файлів формату MP3.
12. Продемонструйте результат кільком однокласникам і однокласницям
та вчителю. Обговоріть результат.

Зробіть висновок: які основні операції виконуються під час звукового монта­
жу; як значення бітрейту файла формату MP3 впливає на якість звучання,
на розмір файла.
Практична робота 7. О
 працювання відеоданих
Завдання: створити відеофрагмент із використанням переходів, титрів різних
типів та звукового супроводу.
Обладнання: к  омп’ютер зі встановленим відеоредактором OpenShot, папка
з  файлами для відеомонтажу.

Теоретичні відомості
Достатньо часто кліпи, що призначені для відеомонтажу, зберігають не у  фай­
лах одного з  відеоформатів, а  у вигляді кадрів, збережених в  окремих графічних
файлах (наприклад, формату PNG). При цьому файли мають однотипні назви, які
обов’язково включають номер кадру. Відеоредактор OpenShot дозволяє використо­
вувати такі набори зображень поряд із  відеофайлами.
Для імпортування послідовності зображень до проекту слід:
а) вибрати команду меню Файл → Імпортувати файли;
б) у  діалоговому вікні Імпорт файла відкрити папку з  файлами послідовності;
в) клацнути значок одного з  файлів і  підтвердити вибір кнопкою Відкрити;
   діалоговому вікні, що з’явиться, натиснути Так, таким чином підтвердивши,
г) у
що імпортується саме послідовність кадрів, а  не окремий малюнок.
Після цього у  вікні Файли проекту з’явиться мініатюра, що відповідає доданій по­
слідовності. Подальше використання цього відеофрагмента не відрізняється від ви­
користання звичайних кліпів.
Завдяки тому, що зображення у  форматі PNG може містити прозорі ділянки, з’яв­
ляється можливість накладати певні спецефекти поверх основного відеоряду.

Хід роботи
Під час роботи за  комп’ютером дотримуйтесь правил безпеки.

1. Створіть у  власній папці папку Практична робота7 і  скопіюйте до неї

матеріали для відеомонтажу, запропоновані вчителем.
2. Запустіть відеоредактор OpenShot. Імпортуйте до проекту відео та інші
матеріали.
3. Збережіть проект у  файл Практична робота7 у  створеній папці.
4. Розташуйте відеокліпи на шкалі часу відповідно до сюжету, забезпечив­
ши у  відповідних місцях формування переходів між ними.
 На рисунку — це доріжка 2, в.

5. Один з  автоматично створених переходів замініть вибраним із  вікна

Переходи.
6. За потреби додайте ще одну доріжку, розташовану над запов­неними
доріжками. Дайте їй назву Титри.
7. Помістіть на доріжку кліп із  послідовністю зображень із  папки
ourschool  — початкові титри. Перегляньте результат, уточніть розта­
шування доданого кліпу, якщо це потрібно.
8. Створіть кінцеві титри командою Титри → Титри. Уведіть у  них власні
прізвище та ім’я, назву школи, клас і  поточний рік. Збережіть титри
у  файлі з назвою endtitles.
9. Додайте титри в  кінці відеоряду. 
Примітка: врахуйте, що титри можуть мати непрозоре тло, тому, можливо, їх
доведеться поставити не поверх основного відео, а  після нього.

10. Додайте звуковий супровід до відео з  відповідного файла.

11. Збережіть проект, експортуйте кінцевий результат у  відеофайл.
12. Продемонструйте результат однокласникам і  однокласницям. Обговоріть
результат.

Зробіть висновок: які основні операції виконуються під час відеомонтажу.

Практична робота 8. Р
 озробка простого веб-сайта
Завдання: с творити сайт-медіагалерею.
Обладнання: к  омп’ютер зі встановленим браузером та HTML-редактором
з  підсвічуванням синтаксису (наприклад, PSPad), папка з  фай­
лами-заготовками.

Теоретичні відомості
Під час розробки сайта слід уникати використання матеріалів (текстів, зображень,
відео тощо) не власного авторства. Проте це можливо, якщо від правовласника
є  дозвіл на використання матеріалів або якщо умови, на яких поширюються ма­
теріали, дозволяють вільне використання.
Наприклад, ліцензія CC Attribution-ShareAlike (CC-BY-SA)  означає вільне вико­
ристання матеріалів за умови зазначення авторства і  посилання на ліцензію,
CC0 (CC Zero)  — повну відмову від авторського права, зокрема й  дозвіл на комер­
ційне використання матеріалу.
Наприклад:
•• матеріали Вікіпедії мають ліцензію CC-BY-SA, тому під час їх цитування слід
додавати посилання вигляду «Матеріал з  Вікіпедії  — вільної енциклопедії»;
•• зареєструвавшись на сайті https://freesound.org/, можна завантажити звукові фай­
ли. При цьому потрібно слідкувати, за якою саме з  вільних ліцензій можна
використовувати конкретний файл;
•• на сайті https://openclipart.org/ можна отримати векторні зображення, що поши­
рюються за ліцензією CC Zero.

Хід роботи
Під час роботи за  комп’ютером дотримуйтесь правил безпеки.
1. Створіть у  власній папці папку Практична робота8 і  скопіюйте до неї
файли, запропоновані вчителем.
2. Запустіть HTML-редактор і  відкрийте в  ньому файл з іменем index.html.
Внесіть до коду сторінки зміни таким чином, щоб вона набула приблизно
такого вигляду, як наведено на рисунку.
Для цього:
а) для клітинок другого стовпця Медіатека
таблиці встановіть заливку ла­
вандовим кольором (lavender);
б) у  верхній клітинці другого
стовпця розмістіть малюнок
із  файла camera.png, що міс-
титься в  папці img; Музика Відео
в) до вставленого малюнка і  слова
«Відео» додайте гіперпосилання на сторінку video.html.
 3. Збережіть файл index.html, відкрийте його в  браузері і  перевірте пра­
вильність розміщення малюнка та дію гіперпосилань. За потреби вне­
сіть зміни в  код сторінки.
4. Відкрийте в  HTML-редакторі файл sound.html. Додайте до таблиці два
рядки з  назвами птахів і  посиланнями на звукові файли: журавлі,
cranes.ogg; зяблик, ziablik.mp3.
5. В абзаці після таблиці додайте гіперпосилання Перейти на головну сто-
рінку для переходу до файла index.html. Збережіть файл sound.html.
6. Відкрийте в  HTML-редакторі файл video.html. Додайте код для показу на
сторінці заголовка Яблуня і  бджола і  відеоролика з  файла bee.webm, що
в  папці video.
7. У кінці сторінки додайте гіперпосилання Перейти на головну сторінку
для переходу до файла index.html. Збережіть файл video.html. Перевірте
за допомогою браузера вигляд сторінок та роботу гіперпосилань. За
потреби внесіть виправлення.
8. Відшукайте в  Інтернеті звуковий файл із  голосом птахів, ліцензія якого
дозволяє вільне використання. Скопіюйте файл в  папку sound і  додайте
на сторінку sound.html.
9. Додайте до сторінок сайта власні елементи оформлення.
10. Обговоріть результат роботи з однокласниками та вчителем.

Зробіть висновок: які засоби дозволяють розміщувати на веб-сторінках муль­

тимедійний вміст; за яких умов матеріали, отримані з  Інтернету, можна
використовувати на власному сайті.