ForgeComponenten
nl

Componenten

j-Sounds

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Deze component bevat een aantal vooraf gedefinieerde geluiden zoals beep, fail, success, etc. Path bevat een volumecontrole in percentage, 0 is niet in staat om te spelen.


Configuratie:

  • url {String} URL naar de audio bibliotheek (default: https://cdn.componentator.com/sounds/)
  • volume {Number} (de standaard: 50)

Goed om te weten:

path kan {Number} bevatten, wat volume of {Boolean} regelt en dat geluiden in staat stelt of uitgeschakeld wordt.

Methoden:

  • component.play(sound) ondersteunde geluiden:
    • alert
    • message
    • badges
    • notifications
    • beep
    • confirm
    • done
    • drum
    • fail
    • success
  • component.success()
  • component.fail()
  • component.alert(), component.error()
  • component.warning()
  • component.notify()
  • component.badge()
  • component.confirm()
  • component.beep()
  • component.drum()

Gebruik het met <ui-component name="sounds">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

example.html
<ui-component name="sounds" path="volume"></ui-component>

<script>
	var volume = 80;

	setTimeout(function() {
		SETTER('sounds/play', 'beep');
	}, 1000);

	setTimeout(function() {
		SETTER('sounds/play', 'drum');
	}, 3000);

	setTimeout(function() {
		SETTER('sounds/play', 'fail');
	}, 7000);

</script>