JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/volume()

Материал из Онлайн справочника
Перейти к навигации Перейти к поиску

Перевод: Максим Кузьмин (Cubewriter) Контакты:</br>* Skype: cubewriter</br>* E-mail: cubewriter@gmail.com</br>* Максим Кузьмин на freelance.ru
Проверка/Оформление/Редактирование: Мякишев Е.А.


Pixel Art Mini Meow Animated.gif Черновик


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

 1 var ele;
 2 function setup() {
 3   // объекты p5.MediaElement создаются, как правило,
 4   // при помощи функций createAudio(), 
 5   // createVideo() и createCapture().
 6   // В этом скетче-примере мы создаем
 7   // новый объект p5.MediaElement при помощи createAudio():
 8   ele = createAudio('assets/lucky_dragons.mp3');
 9   background(250);
10   textAlign(CENTER);
11   text('Click to Play!', width / 2, height / 2);
12    //  'Кликните, чтобы запустить проигрывание!'
13 }
14 function mouseClicked() {
15   // здесь мы вызываем функцию volume() 
16   // на звуковом элементе, чтобы задать его громкость;
17   // значение громкости может варьироваться от «0.0» до «1.0»:
18   ele.volume(0.2);
19   ele.play();
20   background(200);
21   text('You clicked Play!', width / 2, height / 2);
22    //  'Вы кликнули и начали проигрывание!'
23 }

№2

 1 var audio;
 2 var counter = 0;
 3 
 4 function loaded() {
 5   audio.play();
 6 }
 7 
 8 function setup() {
 9   audio = createAudio('assets/lucky_dragons.mp3', loaded);
10   textAlign(CENTER);
11 }
12 
13 function draw() {
14   if (counter === 0) {
15     background(0, 255, 0);
16     text('volume(0.9)', width / 2, height / 2);
17   } else if (counter === 1) {
18     background(255, 255, 0);
19     text('volume(0.5)', width / 2, height / 2);
20   } else if (counter === 2) {
21     background(255, 0, 0);
22     text('volume(0.1)', width / 2, height / 2);
23   }
24 }
25 
26 function mousePressed() {
27   counter++;
28   if (counter === 0) {
29     audio.volume(0.9);
30   } else if (counter === 1) {
31     audio.volume(0.5);
32   } else if (counter === 2) {
33     audio.volume(0.1);
34   } else {
35     counter = 0;
36     audio.volume(0.9);
37   }
38 }

См.также

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