buildHtml
baseUrl https://audioscroll.pub
metaTags
editButton /edit.html
title AudioScroll | Web DAW
style.css

header
 class daw-header
 div
  class logo
  h1 AudioScroll
 div
  class header-controls
  button
   class new-project
   id newProjectBtn
   New Project
  button
   class save-project
   id saveProjectBtn
   Save
  button
   class export-audio
   id exportBtn
   Export
main
 class daw-container
 div
  class transport-controls
  button
   class play-btn
   id playBtn
   ▶
  button
   class stop-btn
   id stopBtn
   ■
  input
   type range
   class bpm-control
   id bpmControl
   min 40
   max 240
   value 120
  span
   class bpm-value
   id bpmValue
   120 BPM
 div
  class timeline-container
  div
   class tracks-header
   div Track
   div Mute
   div Solo
   div Volume
   div Pan
   div FX
  div
   class tracks-container
   id tracksContainer
  div
   class timeline
   id timeline
div
 class mixer-panel
 h3 Mixer
 div
  class mixer-controls
  div
   class master-fader
   input
    type range
    class volume-fader
    id masterVolume
    min 0
    max 100
    value 80
  div
   class master-meter
   id masterMeter
div
 class ai-tools-panel
 h3 AI Tools
 div
  class ai-controls
  button
   class generate-chords
   id generateChordsBtn
   Generate Chords
  button
   class generate-melody
   id generateMelodyBtn
   Generate Melody
  select
   class ai-style-select
   id aiStyleSelect
   option Pop
   option Rock
   option Electronic
   option Jazz
footer
 class daw-footer
 p Web Audio DAW

script.js