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

Содержание

Резерв

Резерв

Резерв

Резерв

Резерв

Библиотеки

Резерв

Резерв

Резерв

Перевод: Максим Кузьмин

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

volume()

Описание

Задает громкость проигрывания 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);
  }
}