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

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
 
Нет описания правки
Строка 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">
duration()
duration()
</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">
Длительность HTML5-медиаэлемента. Тип данных – number.
Длительность HTML5-медиаэлемента. Тип данных – number.
</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;
function setup() {
function setup() {

Версия от 19:53, 23 мая 2023

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Черновик


duration() [1]

Описание

Возвращает длительность HTML5-медиаэлемента.

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

<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>

Синтаксис

duration()

Параметры

void

Возвращаемое значение

Длительность HTML5-медиаэлемента. Тип данных  number.

Пример

var ele;
function setup() {
  // объекты p5.MediaElement создаются,
  // как правило, при помощи функций createAudio(), 
  // createVideo() и createCapture().

  // в этом скетче-примере мы создаем 
  // новый объект p5.MediaElement при помощи createAudio():
  ele = createAudio('assets/doorbell.mp3');
  background(250);
  textAlign(CENTER);
  text('Click to know the duration!', 10, 25, 70, 80);
   //  'Кликните, чтобы узнать продолжительность звука!'
}
function mouseClicked() {
  ele.play();
  background(200);
  // ele.duration показывает продолжительность звука:
  text(ele.duration() + ' seconds', width / 2, height / 2);
                  //  '... секунд'
}

См.также

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