JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/src: различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
 
Нет описания правки
Строка 14: Строка 14:
Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
Чтобы использовать эту функцию, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:


<syntaxhighlight lang="javascript" enclose="div">
<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" enclose="div">
<syntaxhighlight lang="javascript">
src
src
</syntaxhighlight>
</syntaxhighlight>
Строка 26: Строка 26:
==Параметры==
==Параметры==


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
void
void
</syntaxhighlight>
</syntaxhighlight>
Строка 32: Строка 32:
==Возвращаемое значение==
==Возвращаемое значение==


<syntaxhighlight lang="javascript" enclose="div">
<syntaxhighlight lang="javascript">
Путь к источнику аудио- или видео-элемента. Тип данных – String.
Путь к источнику аудио- или видео-элемента. Тип данных – String.
</syntaxhighlight>
</syntaxhighlight>
Строка 38: Строка 38:
==Пример==
==Пример==


<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
<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);
  }
}

См.также

Внешние ссылки