问无法更改音频源
EN

Stack Overflow用户

提问于 2017-04-18 09:39:22

回答 1查看 69关注 0票数 0

我看过其他的主题，但他们的代码真的很复杂。我希望我的文章很简单，这样我就可以很容易地理解它。我原以为这很容易，但结果却很难。显然，你不能通过改变它的属性来改变音频源。我希望音频源在复选框更改时更改，然后它将更改为相应的音频文件。

HTML

<select id="ccw" onblur="check()">
<option>Lobby</option>
<option>Autumn</option>
<option>Winter</option>
<option>Spring</option>
<option>Summer</option>
</select>
<audio class="stage10" controls>
<source src="default.mp3" type="audio/mpeg">
Audio element not supported by your browser
</audio>

var songs = [
//lobby
"default.mp3",
//autumn
"fall.mp3",
//winter
"the ice age.mp3",
//spring
"AHHHH ITS BEEEEEEEES.mp3",
//summer
"Da Summa of 1989 or was it 1998 i dont know.mp3"

//please do not take notes of the file's names
]

$(function() {
    $('#ccw').on('change', check)
})
function check() {
    var ccw = $('#ccw').val()
    if (ccw == "Autumn") {
        $('#stage10 source').attr('src', songs[1])
    } else if (ccw == "Winter") {
        $('#stage10 source').attr('src', songs[2])
    } else if (ccw == "Spring") {
        $('#stage10 source').attr('src', songs[3])
    } else if (ccw == "Summer") {
        $('#stage10 source').attr('src', songs[4])
    } else {
        $('#stage10 source').attr('src', songs[0])
    }
    $('audio')[10].load() // this wasn't here before, but i tried testing with it.
}

我不确定为什么它不能工作。谁来帮帮我！

javascript

jquery

audio

回答 1

Stack Overflow用户

发布于 2017-04-18 10:32:02

"#stage10“是一个ID选择器，如果您想按类选择元素，请将其替换为".stage10”：

function check() {
    var ccw = $('#ccw').val()
    if (ccw == "Autumn") {
        $('.stage10 source').attr('src', songs[1])
    } else if (ccw == "Winter") {
        $('.stage10 source').attr('src', songs[2])
    } else if (ccw == "Spring") {
        $('.stage10 source').attr('src', songs[3])
    } else if (ccw == "Summer") {
        $('.stage10 source').attr('src', songs[4])
    } else {
        $('.stage10 source').attr('src', songs[0])
    }
    $('audio')[10].load() // this wasn't here before, but i tried testing with it.
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43462188

复制

相似问题

问无法更改音频源
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法更改音频源EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法更改音频源
EN