• Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.

    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

Make An Ambient Soundscape Generator With HTML


New Coder
How would I make an ambient soundscape generator with HTML? Specifically, I'm trying to help Vectormedia Software in Halifax, England redesign their interface, which they specifically programmed with Visual Basic, to be accessible to screenreaders like JAWS (Job Access With Speech). Visual Basic is a programming language which JAWS can't understand, as it is image-based, and the icons that JAWS understands must be text-based. What I'd like to do is create an ambient soundscape generator with blank soundbank panels, where users can add channels, and into those channels load their own custom sounds. Here's an example of what I want this program to do. Notice that each channel, by default, is named "Not Set", and will change its name once the sound of your choice is loaded into it, to the name of the sound. A checkbox will trigger the sound to play or stop, in the case of the "Background" soundbanks, where the sounds are loopable and play continuously. This particular example is some channels that would have names as though sounds have already been loaded into them.
<input type="checkbox" name="Hail On Tin Roof" id="Hail On Tin Roof" value="Hail On Tin Roof"><label for="Hail On Tin Roof">Hail On Tin Roof</label>
<input type="checkbox" name="Hail On Car Roof" id="Hail On Car Roof" value="Hail On Car Roof"><label for="Hail On Car Roof">Hail On Car Roof</label>
<input type="checkbox" name="Light Hail" id="Light Hail" value="Light Hail"><label for="Light Hail">Light Hail</label>
<input type="checkbox" name="Medium Hail" id="Medium Hail" value="Medium Hail"><label for="Medium Hail">Medium Hail</label>
<input type="checkbox" name="Heavy Hail" id="Heavy Hail" value="Heavy Hail"><label for="Heavy Hail">Heavy Hail</label>
<input type="checkbox" name="Hail On Leaves" id="Hail On Leaves" value="Hail On Leaves"><label for="Hail On Leaves">Hail On Leaves</label>
<input type="checkbox" name="Hail On Pavement" id="Hail On Pavement" value="Hail On Pavement"><label for="Hail On Pavement">Hail On Pavement</label>
<input type="checkbox" name="rain On Tin Roof" id="Rain On Tin Roof" value="Rain On Tin Roof"><label for="Rain On Tin Roof">Rain On Tin Roof</label>
<input type="checkbox" name="Rain On Car Roof" id="Rain On Car Roof" value="Rain On Car Roof"><label for="Rain On Car Roof">Rain On Car Roof</label>
<input type="checkbox" name="Light Rain" id="Light Rain" value="Light Rain"><label for="Light Rain">Light Rain</label>
<input type="checkbox" name="Medium Rain" id="Medium Rain" value="Medium Rain"><label for="Medium Rain">Medium Rain</label>
<input type="checkbox" name="Heavy Rain" id="Heavy Rain" value="Heavy Rain"><label for="Heavy Rain">Heavy Rain</label>
    <input type="checkbox" name="Rain On Leaves" id="Rain On Leaves" value="Rain On Leaves"><label for="Rain On Leaves">Rain On Leaves</label>
<input type="checkbox" name="Rain On Pavement" id="Rain On Pavement" value="Rain On Pavement"><label for="Rain On Pavement">Rain On Pavement</label>