JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/volume(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
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"> | ||
volume([val]) | volume([val]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
val – громкость аудио- или видео-элемента. Значения варьируются от «0.0» до «1.0». Тип данных – number | val – громкость аудио- или видео-элемента. Значения варьируются от «0.0» до «1.0». Тип данных – number | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 32: | Строка 32: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Текущая громкость или объект p5.MediaElement. Тип данных – number, p5.MediaElement. | Текущая громкость или объект p5.MediaElement. Тип данных – number, p5.MediaElement. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Строка 40: | Строка 40: | ||
===№1=== | ===№1=== | ||
<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; | ||
function setup() { | function setup() { | ||
| Строка 68: | Строка 68: | ||
===№2=== | ===№2=== | ||
<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 audio; | var audio; | ||
var counter = 0; | var counter = 0; | ||
Версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
|
Черновик |
volume() [1]
Описание
Задает громкость проигрывания HTML5-медиаэлемента. Если параметра не задано, вернет текущую громкость медиаэлемента.
Чтобы воспользоваться этой функцией, нужно подключить библиотеку p5.dom. Для этого в заголовок своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
volume([val])
Параметры
val – громкость аудио- или видео-элемента. Значения варьируются от «0.0» до «1.0». Тип данных – number
Возвращаемое значение
Текущая громкость или объект p5.MediaElement. Тип данных – number, p5.MediaElement.
Пример
№1
var ele;
function setup() {
// объекты p5.MediaElement создаются, как правило,
// при помощи функций createAudio(),
// createVideo() и createCapture().
// В этом скетче-примере мы создаем
// новый объект p5.MediaElement при помощи createAudio():
ele = createAudio('assets/lucky_dragons.mp3');
background(250);
textAlign(CENTER);
text('Click to Play!', width / 2, height / 2);
// 'Кликните, чтобы запустить проигрывание!'
}
function mouseClicked() {
// здесь мы вызываем функцию volume()
// на звуковом элементе, чтобы задать его громкость;
// значение громкости может варьироваться от «0.0» до «1.0»:
ele.volume(0.2);
ele.play();
background(200);
text('You clicked Play!', width / 2, height / 2);
// 'Вы кликнули и начали проигрывание!'
}
№2
var audio;
var counter = 0;
function loaded() {
audio.play();
}
function setup() {
audio = createAudio('assets/lucky_dragons.mp3', loaded);
textAlign(CENTER);
}
function draw() {
if (counter === 0) {
background(0, 255, 0);
text('volume(0.9)', width / 2, height / 2);
} else if (counter === 1) {
background(255, 255, 0);
text('volume(0.5)', width / 2, height / 2);
} else if (counter === 2) {
background(255, 0, 0);
text('volume(0.1)', width / 2, height / 2);
}
}
function mousePressed() {
counter++;
if (counter === 0) {
audio.volume(0.9);
} else if (counter === 1) {
audio.volume(0.5);
} else if (counter === 2) {
audio.volume(0.1);
} else {
counter = 0;
audio.volume(0.9);
}
}
