1 of 22

Мультимедіа на веб-сторінках

За навчальною програмою 2018 року

Урок 18

10

(11)

2 of 22

Мультимедіа на веб-сторінках

Розділ 3 § 18

HTML тег <source> використовується для вказівки кількох медіа-файлів (зазвичай різних форматів) для таких медіа-елементів як:

Це дозволяє браузеру вибрати той формат медіа який він підтримує. Також цей тег додає зображення для контейнера <picture>.

<video>

<audio>

10�(11)

3 of 22

Мультимедіа на веб-сторінках

Розділ 3 § 18

Коли елемент <source> розташовується всередині:

<audio>

<video>

Він повинен йти після медійних файлів, але до <track>.

Синтакс:

<audio>

</audio>

<video>

</video>

10�(11)

4 of 22

Мультимедіа на веб-сторінках

Розділ 3 § 18

Атрибути тегу <source>:

media

Визначає пристрій, для якого буде відтворюватися файл.

sizes

Задає розміри зображень для різних макетів сторінки.

src

Адреса медіа-файлу.

srcset

Зображення, які використовуються в різних ситуаціях (для екранів планшетів, для ретина екранів і ін.).

type

MIME-тип медійного джерела.

10�(11)

5 of 22

Мультимедіа на веб-сторінках

Розділ 3 § 18

Приклад використання тегу <source>:

10�(11)

6 of 22

HTML тег <track>

Розділ 3 § 18

HTML тег <track> дозволяє авторам вказати текстову доріжку для медійних елементів:

<video>

<audio>

Цей елемент використовується для відображення текстових субтитрів на різних мовах, коментарів, заголовків та т.п., що буде відображено при відтворенні media.

10�(11)

7 of 22

HTML тег <track>

Розділ 3 § 18

Синтакс:

<audio>

<video>

<audio>

</audio>

<video>

</video>

10�(11)

8 of 22

HTML тег <track>

Розділ 3 § 18

Атрибути тегу <track>:

default

Доріжка без задання. Тільки одна доріжка може мати атрибут default

kind

Вказує тип доріжки

label

Назва доріжки для відображення. Якщо цей атрибут не вказаний, браузер стане використовувати значення, яке застосовується у нього без задання.

src

Шлях до файлу з доріжкою

srclang

Мова доріжки

10�(11)

9 of 22

HTML тег <track>

Розділ 3 § 18

Приклад використання тегу <track>:

10�(11)

10 of 22

Мультимедіа на веб-сторінках

Розділ 3 § 18

Вставити відео з YouTube

10�(11)

11 of 22

Мультимедіа на веб-сторінках

Розділ 3 § 18

(Продовження…) Вставити відео з YouTube

10�(11)

12 of 22

Мультимедіа на веб-сторінках

Розділ 3 § 18

(Продовження…) Вставити відео з YouTube

10�(11)

13 of 22

Інтелектуальна власність та авторське право

Розділ 3 § 18

Авторське право — це сукупність прав автора (та його правонаступників) щодо створення або використання твору літератури, науки, мистецтва тощо.

10�(11)

14 of 22

Інтелектуальна власність та авторське право

Розділ 3 § 18

На об'єкти інтелектуальної власності розповсюджується авторське право. Авторське право — це право на:

1

зазначення імені автора (або заборона зазначення) на створеному об'єкті та його примірниках;

2

вибір псевдоніма та зазначення його замість справжнього імені автора на створеному об'єкті та його примірниках;

3

збереження цілісності створеного об'єкта та на заборону будь-якої його зміни;

4

дозвіл (заборону) використовувати (друкувати, копіювати, перекладати, виконувати, демонструвати тощо) об'єкт іншим особам тощо.

10�(11)

15 of 22

Інтелектуальна власність та авторське право

Розділ 3 § 18

Використання об'єкта інтелектуальної власності без відповідного дозволу автора є порушенням авторських прав і переслідується відповідно до законодавства України. Такими порушеннями можуть бути:

незаконне (без відповідної ліцензії) використання комп'ютерних програм;

розповсюдження малюнків, фотографій, музичних і літературних творів без дозволу автора;

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

10�(11)

16 of 22

Інтелектуальна власність та авторське право

Розділ 3 § 18

Крім правових норм, у середовищі користувачів комп'ютерів уже доволі давно застосовується ряд етичних норм.

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

10�(11)

17 of 22

Розділ 1 § 1.2

Так, Асоціація комп'ютерної техніки (Association for Computing Machinery — скорочено ACM) зі Сполучених Штатів Америки розробила власний Кодекс етики і професійної поведінки. Серед основних положень кодексу такі:

спрямовувати свою діяльність на користь суспільства та добробут людей;

не завдавати шкоди іншим; захищати інтелектуальну власність;

бути чесним, заслуговувати на довіру інших;

забезпечувати дотримання прав власності, включаючи авторські права;

поважати конфіденційність і права інших людей;

не використовувати комп'ютерну техніку на шкоду іншим;

сприяти громадському розумінню ризиків, пов'язаних з використанням комп'ютерної техніки тощо.

10�(11)

18 of 22

Інтелектуальна власність та авторське право

Розділ 3 § 18

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

Дотримання етичних норм є добровільним, але свідоме їх виконання є свідченням високого рівня культури особистості.

10�(11)

19 of 22

Запитання для рефлексії

Розділ 3 § 18

Що після сьогоднішнього уроку я став краще розуміти?

Чи встиг я у повному обсязі здійснити заплановане на цьому уроці?

Наскільки добре я тепер розуміюся на мультимедіа?

Чи досяг я завдань уроку?

10�(11)

20 of 22

Домашнє завдання

Розділ 3 § 18

Розповісти у соціальних мережах про свій досвід із застосування мультимедіа у веб-дизайні. Про-

аналізувати коментарі та поради друзів.

Запланувати у щоденнику самоосвіти пізнавально-дослідницьку діяльність з питань створення

мультимедіа.

10�(11)

21 of 22

Працюємо за комп’ютером

Розділ 3 § 18

10�(11)

22 of 22

Дякую за увагу!

За навчальною програмою 2018 року

Урок 18

10

(11)