JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/volume() - История изменений

EducationBot в 09:10, 18 июня 2023

2023-06-18T09:10:43Z

← Предыдущая версия		Версия от 13:10, 18 июня 2023
Строка 4:		Строка 4:
	{{Myagkij-редактор}}		{{Myagkij-редактор}}

	~~{{Черновик}}~~

	= volume() <ref>[https://p5js.org/reference/#/p5.MediaElement/volume p5js.org - volume()]</ref>=		= volume() <ref>[https://p5js.org/reference/#/p5.MediaElement/volume p5js.org - volume()]</ref>=

EducationBot в 14:14, 14 мая 2023

2023-05-14T14:14:46Z

← Предыдущая версия		Версия от 18:14, 14 мая 2023
Строка 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">
	volume([val])		volume([val])
	</syntaxhighlight>		</syntaxhighlight>
Строка 26:		Строка 26:
	==Параметры==		==Параметры==

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	val – громкость аудио- или видео-элемента. Значения варьируются от «0.0» до «1.0». Тип данных – number		val – громкость аудио- или видео-элемента. Значения варьируются от «0.0» до «1.0». Тип данных – number
	</syntaxhighlight>		</syntaxhighlight>
Строка 32:		Строка 32:
	==Возвращаемое значение==		==Возвращаемое значение==

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<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~~" enclose="div~~">		<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~~" enclose="div~~">		<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	var audio;		var audio;
	var counter = 0;		var counter = 0;

Myagkij в 16:38, 23 сентября 2018

2018-09-23T16:38:09Z

Новая страница

{{JavaScript панель перехода}}

{{Перевод от Сubewriter}}
{{Myagkij-редактор}}

{{Черновик}}

= volume() <ref>[https://p5js.org/reference/#/p5.MediaElement/volume p5js.org - volume()]</ref>=

==Описание==

Задает громкость проигрывания HTML5-медиаэлемента. Если параметра не задано, вернет текущую громкость медиаэлемента.

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

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

==Синтаксис==

<syntaxhighlight lang="javascript" enclose="div">
volume([val])
</syntaxhighlight>

==Параметры==

<syntaxhighlight lang="javascript" enclose="div">
val – громкость аудио- или видео-элемента. Значения варьируются от «0.0» до «1.0». Тип данных – number
</syntaxhighlight>

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

<syntaxhighlight lang="javascript" enclose="div">
Текущая громкость или объект p5.MediaElement. Тип данных – number, p5.MediaElement.
</syntaxhighlight>

==Пример==

===№1===

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
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);
// 'Вы кликнули и начали проигрывание!'
}
</syntaxhighlight>

===№2===

<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
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);
}
}
</syntaxhighlight>

=См.также=

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

<references />
{{SEO
|Заголовок статьи=JavaScript: volume() / Онлайн справочник - wikihandbk.com
|Ключевые слова=volume(),
|Описание статьи=
|Адрес страницы для schemaNewsArticle=<nowiki>http://wikihandbk.com/wiki/JavaScript:Библиотеки/p5.dom/Класс p5.MediaElement/volume()</nowiki>
|Изображение статьи для schemaNewsArticle=<nowiki></nowiki>
|Высота изображения статьи для schemaNewsArticle=
|Ширина изображения статьи для schemaNewsArticle=
|Дата публикации для schemaNewsArticle=2018-09-15
|Автор=Мякишев Е.А.
|Издатель=myagkij
|Логотип издателя для schemaNewsArticle=<nowiki>http://wikihandbk.com/ruwiki/images/6/61/Tech_geek_logo_1x.jpg</nowiki>
|Ширина логотипа издателя для schemaNewsArticle=60
|Высота логотипа издателя для schemaNewsArticle=45
}}