JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/speed(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
(не показана 1 промежуточная версия этого же участника) | |||
Строка 4: | Строка 4: | ||
{{Myagkij-редактор}} | {{Myagkij-редактор}} | ||
= speed() <ref>[https://p5js.org/reference/#/p5.MediaElement/speed p5js.org - speed()]</ref>= | = speed() <ref>[https://p5js.org/reference/#/p5.MediaElement/speed p5js.org - speed()]</ref>= | ||
Строка 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"> | ||
speed([speed]) | speed([speed]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
speed – коэффициент скорости для проигрывания элемента. Тип данных – number | speed – коэффициент скорости для проигрывания элемента. Тип данных – number | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Текущая скорость проигрывания элемента или объект p5.MediaElement. Тип данных – number, объект, p5.MediaElement. | Текущая скорость проигрывания элемента или объект p5.MediaElement. Тип данных – number, объект, p5.MediaElement. | ||
</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"> | ||
// Этот скетч-пример позволяет | // Этот скетч-пример позволяет | ||
// включить и остановить проигрывание аудиофрагмента, | // включить и остановить проигрывание аудиофрагмента, |
Текущая версия от 13:10, 18 июня 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
speed() [1]
Описание
Если параметра не задано, возвращает текущую скорость проигрывания элемента. Если задать в параметре speed значение «2.0», элемент будет воспроизведен с удвоенной скоростью, если «0.5» – в два раза медленнее обычного, а если «-1» – на обычной скорости, но задом наперед. Имейте в виду, что не все браузеры поддерживают проигрывание задом наперед. Кроме того, даже в тех, где такая функция поддерживается, проигрывание, возможно, не будет плавным.
Чтобы использовать эту функцию, подключите библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
speed([speed])
Параметры
speed – коэффициент скорости для проигрывания элемента. Тип данных – number
Возвращаемое значение
Текущая скорость проигрывания элемента или объект p5.MediaElement. Тип данных – number, объект, p5.MediaElement.
Пример
// Этот скетч-пример позволяет
// включить и остановить проигрывание аудиофрагмента,
// а также менять скорость его воспроизведения,
// ускоряя ее в два раза и замедляя ее в два раза
// Кроме того, он дает возможность проиграть файл задом наперед.
// в этой переменной будет храниться объект p5.MediaElement:
var ele;
var button;
function setup() {
createCanvas(710, 400);
// здесь мы создаем объект p5.MediaElement
// при помощи функции createAudio():
ele = createAudio('assets/beat.mp3');
ele.loop();
background(200);
button = createButton('2x speed'); // 'в 2 раза быстрее'
button.position(100, 68);
button.mousePressed(twice_speed);
button = createButton('half speed'); // 'в 2 раза медленнее'
button.position(200, 68);
button.mousePressed(half_speed);
button = createButton('reverse play'); // 'задом наперед'
button.position(300, 68);
button.mousePressed(reverse_speed);
button = createButton('STOP'); // 'СТОП'
button.position(400, 68);
button.mousePressed(stop_song);
button = createButton('PLAY!'); // 'ВКЛЮЧИТЬ'
button.position(500, 68);
button.mousePressed(play_speed);
}
function twice_speed() {
ele.speed(2);
}
function half_speed() {
ele.speed(0.5);
}
function reverse_speed() {
ele.speed(-1);
}
function stop_song() {
ele.stop();
}
function play_speed() {
ele.play();
}