Loading...

Esse conteúdo foi desenvolvido para ser melhor visualizado em navegadores modernos.

Para um melhor aproveitamento, por favor atualize o seu navegador ou utilize o Chrome, Firefox ou Edge atualizado.

Áudio - Componente de controle de som

O componente de áudio foi desenvolvido para facilitar a incorporação de áudios reduzindo a quantidade de códigos pelo designer.

Áudio

Outro escopo [data-alone="trilha"] e permitindo tocar ao mesmo tempo [data-alone="false"]

Além criar, ele disponibiliza controles gerais de áudio no framework:

nm.sounds.get( 1 ).play();
nm.sounds.plause();
nm.sounds.stop();
nm.sounds.volume( 0.5 );

Programação

Esse componente permite também o controle e adição de áudios programacionalmente.

nm.ready( 'core', function( pack, $) {

	var audio = nm.sounds.add({
		id:"trilha_din",
		url:"./extras/audio_sample_2.mp3",
		volume: 0.5,
		alone: false
	},'dinamicos');

	$('#din_audio').on('click', function(){
		if( audio.ele.paused ){ audio.play(); }else{ audio.pause(); }
		if( audio.ele.paused ){ $(this).attr('title','tocar trilha'); }else{ $(this).attr('title','pausar trilha'); }
		return false;
	});

	$('#din_audio_mute').on('click', function(){
		if( nm.sounds.volume( 'dinamicos' ) == 1 ){
			nm.sounds.volume(0, 'dinamicos');
		}else{
			nm.sounds.volume(1, 'dinamicos');
		}
		return false;
	});

});

A biblioteca oferece métodos e atributos para serem usados por outros códigos na forma de nm.sounds.volume(1), em especial:

Sounds

add(sound/* url(string) or soundObject*/, scope/*audio group(string)*/,cb /* [preload callback(function)] */ ) - retorna SoundObject

addList( list/*sounds (array)*/ , scope/*audio group(string)*/, progressCb/* [progress callback(function( sound, count, list ))] */, endCb/* [complete callback(function( list ))] */ )

start( id/* [sound id(string)], restart/*[ force restart audio(boolena=false) ]*/ )*/

stop( id/* [sound id(string)] )*/

pause( id/* [sound id(string)] )*/

resume( id/* [sound id(string)] )*/

pauseScope( scope/*scope id(string) )*/

stopScope( scope/*scope id(string) )*/

volume( value/* [ volume: 0-1 (number)] */, scope/* [ scope id(string) )]*/) - retorna volume 0-1 do maior valor dos áudios do escopo

Sound

id[(string)] - nome de identificação do áudio

url(string) - endereço do áudio

scope[(string = "global")] - identificação do grupo a que o áudio pertence

alone[(boolean = false)] - identifica se o áudio pausa os demais do seu escopo ao ser tocado

loop[(boolean = false)] - identifica se o áudio toca infinitamente

ele[(DOMElement)] - objeto Audio do HTML5 correspondente

play()

pause()

volume( value/* [volume 0-1(Number)] */, saveOnly/* [salva valor mas não aplica na hora(Boolean = false) ] */ ) - retorna volume 0-1 do áudio

Vídeo

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Sub-popup, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Um pequeno texto de definição.