JSFiddle - React, Tailwind, and code Playground

by dirkk0

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/tone/13.3.12/Tone.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pizzicato/0.6.4/Pizzicato.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.sound.js"></script>

JavaScript

var audio


var f1


new p5(sketch)

function sketch(p) {


  p.setup = function() {


    Tone.setContext(Pizzicato.context);



    f1 = "https://tonejs.github.io/examples/audio/casio/C2.mp3"


    audio = new Pizzicato.Sound({
      source: 'file',
      options: {
        path: f1
      }
    }, function() {
      console.log('sound file loaded!');
    });




    // setTimeout(function () {
    // }, 200)




  }

  p.draw = function() {

  }

  p.mousePressed = function() {
    // p.getAudioContext().resume()
    audio.play(0, 0.1)

  }
}