webAudio/index.html at master · Fishbite/webAudio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!-- /* // ****** LICENSE NOTICE ****** \\
      COPYRIGHT: 2020 Stuart Peel
      This PROGRAM is distributed under the terms of the:
      AGPL-3.0-or-later
*/ -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- *********************FACEBOOK START******************** -->
    <!-- facebook meta tags to ensure correct image / page is shared START-->

    <!-- set the URL that you want Facebook to point to in this tag -->
    <meta
      property="og:url"
      content="https://fishbite.github.io/webAudio/"
    />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Digital Audio Synth" />

    <!-- set a very short description of the page in this tag -->
    <meta
      property="og:description"
      content="An open source project free to sell, distribute, modify and build upon. This is a desktop application which will not function without a physical keyboard. You could use a tablet device with a keyboard, but mobile phones are not suitable."
    />

    <!-- set the image that you want Facebook to display in this tag-->
    <meta
      property="og:image"
      content="https://fishbite.github.io/webAudio/images/dasynth-screenshot.png"
    />
    <!-- facebook meta tags to ensure correct image / page is shared END-->
    <!-- *********************FACEBOOK END********************* -->

    <!--set the image that shows in the browser tabs -->
    <link rel="icon" href="favicon.svg" />

    <!-- tell google to use www.nuttyskitchen.co.uk as the canonical page -->
    <link rel="canonical" href="https://fishbite.github.io/webAudio">

    <title>Music Machine</title>
    <link rel="stylesheet" href="./styles/homeV2.css" />
  </head>

  <body>
    <div class="headWrap">
      <header>
        <h2 class="title">Digital Audio Synth</h2>
      </header>

      <!-- Navigation -->
      <nav>
        <div class="linkWrap">
          <a href="./index.html">Home</a>

          <a href="./dasynthV3.html">DA Synth App</a>

          <a href="./testPlaySelectedFile.html">Test</a>
        </div>
      </nav>
    </div>

    <main>
      <div class="mainWrap">
        <h3>Welcome to the Digital Audio Synth</h3>
        <p>
          An open source project free to sell, distribute, modify and build
          upon.
        </p>
        <p>
          This is a desktop application which will not function without a
          physical keyboard. You could use a tablet device with a keyboard, but
          mobile phones are not suitable.
        </p>
        <p>
          Have some fun, make some tunes for your games and let us hear your
          creations.
        </p>
        <p>
          <b>NOTE:</b> If things get a little awry, amiss, as in the sound
          starts to distort and go <i>"snap" "crackle" & "pop"</i> just refresh
          the browser and everything will be back to normal.
        </p>
        <p>
          <b><i>CAUTION!</b></i> The sounds are best heard through earphones /
          headphones but, <b>TURN THE VOLUME DOWN FIRST!!!</b> and ramp it up
          gradually or you will go deaf :-P
        </p>
        <section class="section-list">
          <h4>DA SYNTH DUDE</h4>
          <p>What you can do with this app:</p>
          <h5>New In Release 3:</h5>
          <p>Select music a file from your hard drive!</p>
          <p>
            You can now select the music you have downloaded from the Media
            Recorder. Then play additional music / beats on top of that while
            recording at the same time.
          </p>
          <p>
            Alternatively, load any music track from your computer and record on
            top of it!
          </p>

          <ul>
            <li>select an instrument from a dropdown list</li>
            <li>play some musical notes</li>
            <li>change the octave that the keyboard plays</li>
            <li>control the decay (the duration that each note plays)</li>
            <li>change the wave form from a smooth sine to harsh sawtooth</li>
            <li>play some drums; kick, kettles, snare and Hi Hat</li>
            <li>set the echo on the kettle drums for really funky sounds</li>
            <li>record the music as you play</li>
            <li>download the recording directly from the Media Recorder</li>
            <li>upload the edited file (I use Audacity) as music.wav</li>
            <li>play back the uploaded file and record on top of it</li>
            <li>have some fun creating tunes</li>
          </ul>
        </section>

        <p>
          Note: to upload a file you will need an account to do so, just send me
          a message via the GitHub Repo and we'll set you up!
        </p>
        <button class="btn">
          <a href="./dasynthV3.html">Enter Da Synth Dude App</a>
        </button>
      </div>
    </main>

    <footer>
      <div class="footer">
        <p>Digital Audio Synth, an open source project maintained: fishbite 2022</p>
        <p>
          Source code available here:
          <a href="https://github.com/Fishbite/webAudio" target="_blank"
            >GitHub WebAudio Repo</a
          >
        </p>
      </div>
    </footer>
  </body>
</html>