Question

我正在尝试为我的shoutcast服务器整理一个广播播放器。我不知道我做错了什么，这就是为什么我需要一些帮助。

<script>
var volume = document.getElementById("radioplayer");

function setVolume() {
audio.volume = volume.value;
}
</script>
<audio id="radioplayer" src="http://xx.xxx.xxx.xx:xxxxx/;" autoplay="autoplay"></audio>
<a href="#" onclick="document.getElementById('radioplayer').play()">Hi!</a>
<a href="#" onclick="document.getElementById('radioplayer').pause()">Pause!</a>
<input id="volume" name="volume" min="0" max="1" step="0.1" type="range" onchange="setVolume()" />

Answer 1

问题

audio未定义。

您必须定义audio与您定义的内容volume。

解决方案

集：

var audio = document.getElementById('volume').value;

可变自由示例

function setVolume() {
      document.getElementById("radioplayer").volume
    = document.getElementById('volume').value;
}

<audio id="radioplayer" src="http://s1.slotex.pl:7196/;stream.mp3" autoplay="autoplay"></audio>
<a href="#" onclick="document.getElementById('radioplayer').play()">Hi!</a>
<a href="#" onclick="document.getElementById('radioplayer').pause()">Pause!</a>
<input id="volume" name="volume" min="0" max="1" step="0.1" type="range" onchange="setVolume()" />

Answer 2

您的脚本是否高于HTML？

请确保它位于身体标签的底部。

简而言之：

<body>

    <audio id="radioplayer" src="http://xx.xxx.xxx.xx:xxxxx/;" autoplay="autoplay"></audio>
    <a href="#" onclick="document.getElementById('radioplayer').play()">Hi!</a>
    <a href="#" onclick="document.getElementById('radioplayer').pause()">Pause!</a>
    <input id="volume" name="volume" min="0" max="1" step="0.1" type="range" onchange="setVolume()" />

    <script type="text/javascript">
        var setVolume,
            volume = document.getElementById('radioplayer');

        setVolume = function () {
            'use strict';
            audio.volume = volume.value;
        };
    </script>

</body>

你还没有给我们提供太多信息。

Javascript / HTML5广播播放器

2 个答案:

问题

解决方案

可变自由示例