Javascript embedded sound source switch?
I wanted to try this and I'm not really sure if it is possible right now, but here goes.
I am trying to use the following code to make the source of a embedded sound switch to different sound files based on which link is clicked:
javascript :
scales=Array("sounds/scales/Mscale.wma", "sounds/scales/hminscale.wma", "sounds/scales/nminscale.wma", "sounds/scales/mminscale.wma", "sounds/scales/chrscale.wma");
function Mscale() {
document.getElementById("scale").src=scales[0]
}
function Hmscale() {
document.getElementById("scale").src=scales[1]
}
function Nmscale() {
document.getElementById("scale").src=scales[2]
}
function Mmscale() {
document.getElementById("scale").src=scales[3]
}
function Chrscale() {
document.getElementById("scale").src=scales[4]
}
html:
<table><tr><td>
<a href="#scst" onclick="javascript :Mscale();">Major</a><br>
<a href="#scsthm" onclick="javascipt:Hmscale();">Harmonic Minor</a><br>
<a href="#scstnm" onclick="javascript :Nmscale();">Natural Minor</a><br>
<a href="#scstmm" onclick="javascript :Mmscale();">Melodic Minor</a><br>
<a href="#scstchr" onclick="javascript :Chrscale();">Chromatic scale</a>
</td>
<td>
<embed src="sounds/scales/Mscale.wma" autostart="false" id="scale" loop="false" controls="controls" width="150" height="50"></embed>
</td>
</tr></table>
I also tried the following HTML without the javascript functions, but that didn't work either:
<table><tr><td>
<a href="#scst" onclick="javascript :document.getElementById("scale").src=scales[0];">Major</a><br>
<a href="#scsthm" onclick="javascript :document.getElementById("scale").src=scales[1];">Harmonic Minor</a><br>
<a href="#scstnm" onclick="javascript :document.getElementById("scale").src=scales[2];">Natural Minor</a><br>
<a href="#scstmm" onclick="javascript :document.getElementById("scale").src=scales[3];">Melodic Minor</a><br>
<a href="#scstchr" onclick="javascript :document.getElementById("scale").src=scales[4];">Chromatic scale</a>
</td>
<td>
<embed src="sounds/scales/Mscale.wma" autostart="false" id="scale" loop="false" controls="controls" width="150" height="50"></embed>
</td>
</tr></table>
cant' get it to work, any thoughts?
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread
Posting Permissions
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Rules
Bookmarks