Necessitates Proper Modularity

    ng-zzfx
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.6 • Public • Published

    NgZzFx 8bit zounds for Angular ;)

    npm version License

    Angular API for: ZzFX - Zuper Zmall Zound Zynth - Micro Edition

    ZzFx.js

    ZzFX Demo

    MIT License - Copyright 2019 Frank Force

    Angularish demo

    In your component:

      case1 = [ , , 1675, , .06, .24, 1, 1.82, , , 837, .06];

    Give your element a sound by adding the directive as follows:

    In your template:

      <div zoundfx trigger="click" [zound]="case1">💰</div>
    
    

    Or by using the zzfs function wrapper:

     
      playSoundZzFxFn;
      case4 = [1.5,.5,270,,.1,,1,1.5,,,,,,,,.1,.01];
     
      ngOnInit() {
        this.playSound = Zoundfx.start(0.2);
      }
     
      onClick() {
        this.playSound(this.case4);
      }

    API

    Directive inputs:

    • vol = 0.1; // Volume % should be a number from 0 to 1;
    • trigger = 'onclick'; // String, a name of any event you want to react to
    • zound: number[]; // See example Or custom your own sounds

    Install

    npm i ng-zzfx

    DownloadsWeekly Downloads

    4

    Version

    0.0.6

    License

    MIT

    Unpacked Size

    147 kB

    Total Files

    29

    Last publish

    Collaborators

    • lironhazan