def setup
  createCanvas(100, 100)
  background(220)
  @sound = loadSound("Doorbell.mp3")
  textSize(18)
  text('Click me!', 10, 40)
  textSize(11)
  text("BGM by OtoLogic\n(CC BY 4.0)", 3, 80)
end

def mouseClicked
  @sound.play
end

def setup
  createCanvas(100, 100)
  background(220)
  sound = loadSound("Turkish_March.mp3")

  play = createButton('再生')
  play.style('font-size', '14px')
  play.size(75, 25)
  play.position(3, 10)

  pause = createButton('一時停止')
  pause.style('font-size', '14px')
  pause.size(75, 25)
  pause.position(3, 40)
  pause.elt.disabled = true

  stop = createButton('終了')
  stop.style('font-size', '14px')
  stop.size(75, 25)
  stop.position(3, 70)
  stop.elt.disabled = true

  volume = createSlider(0, 100, 80)
  volume.size(90, 10)
  volume.style('transform', 'rotate(-90deg)')
  volume.position(45, 45)
  volume.input do
    sound.setVolume(volume.value / 100)
  end

  play.mouseClicked do
    if !sound.isPlaying
      sound.setVolume(volume.value / 100)
      sound.play
      play.elt.disabled = true
      pause.elt.disabled = false
      stop.elt.disabled = false
    end
  end    

  pause.mouseClicked do
    if sound.isPlaying
      sound.pause
      play.elt.disabled = false
      pause.elt.disabled = true
      stop.elt.disabled = false
    end
  end    

  stop.mouseClicked do
    sound.stop
    play.elt.disabled = false
    pause.elt.disabled = true
    stop.elt.disabled = true
  end

  credit = createDiv('BGM by OtoLogic<br>(CC BY 4.0)')
  credit.position(0, 105)
  credit.style('font-size', '8px')
end