JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/src: различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 14: | Строка 14: | ||
Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее: | Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | <script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 20: | Строка 20: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
src | src | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
void | void | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Путь к источнику аудио- или видео-элемента. Тип данных – String. | Путь к источнику аудио- или видео-элемента. Тип данных – String. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 38: | Строка 38: | ||
==Пример== | ==Пример== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
var ele; | var ele; | ||
Версия от 19:53, 23 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Черновик |
src [1]
Описание
Путь к источнику медиаэлемента.
Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
src
Параметры
void
Возвращаемое значение
Путь к источнику аудио- или видео-элемента. Тип данных – String.
Пример
var ele;
function setup() {
background(250);
// объекты p5.MediaElement создаются,
// как правило, при помощи функций createAudio(),
// createVideo() и createCapture():
// в этом скетче-примере мы создадим
// новый объект p5.MediaElement при помощи createAudio():
ele = createAudio('assets/beat.mp3');
// в результате, когда пользователь кликнет по тексту,
// в браузере выскочит предупреждение,
// которое покажет содержимое поля src медиаэлемента:
textAlign(CENTER);
text('Click Me!', width / 2, height / 2);
// 'Кликни меня!'
}
function mouseClicked() {
// здесь мы проверяем,
// находится ли курсор над холстом
// в момент клика кнопкой мыши:
if (mouseX >= 0 && mouseX <= width && mouseY >= 0 && mouseY <= height) {
// показываем поле src медиаэлемента:
alert(ele.src);
}
}