有人可以告诉我如何将此代码添加到其余代码中答案

【问题标题】：Can someone show me how to add this code to the rest of the code有人可以告诉我如何将此代码添加到其余代码中
【发布时间】：2016-07-07 15:32:28
【问题描述】：

我的代码：https://jsfiddle.net/7meetm89/1/

这是代码，我不知道如何将其添加到其余代码中，有人可以告诉我吗？

myaud=document.getElementById("player");myaud.volume=1.0;

<button style="cursor: pointer; background-color:blue;padding-bottom:1px;"
onclick="document.getElementById('player').play()">Play</button>

<audio id="player" preload="none" style="display:none;">
<source src='http://air.radiorecord.ru:8101/rr_320' type='audio/mpeg'/>
</audio>

【问题讨论】：

您期待什么？您的音频播放正常。你需要耳机:)
你想做什么？ play() 和 volume 来自哪里？
什么意思，我正在尝试设置音量设置，仅此而已。为了能够知道该怎么做，并且您发布的内容不正确。
什么意思？ play() 和音量从哪里来？
如果您发现自己使用更多的 javascript，我建议您构建函数而不是使用内联脚本。 onclick="document.getElementById('player').play();document.getElementById('player').volume='1.0';" 对 javascript 的基本了解也会有所帮助。如果您想为变量分配元素/值，您只需要使用var，这将使您的源代码看起来干净且易于阅读，而不是一遍又一遍地使用 document.getElementById()。

标签： javascript html

【解决方案1】：

在onclick 上添加一个function()。在该函数中设置音量和播放控件。

其他更改：在音频标签中添加了controls以显示HTML5控件并删除了display:none

编辑：您可以在<script> </script> 标签内添加setControls() 函数。您还可以在外部文件中添加脚本并链接它。请read more

function setControls() {
    myaud=document.getElementById("player");
    myaud.play();
    myaud.volume=1.0;
  }

<button style="cursor: pointer; background-color:blue;padding-bottom:1px;"
onclick="setControls()">Play</button>

<audio controls id="player" preload="none">
<source src='http://air.radiorecord.ru:8101/rr_320' type='audio/mpeg'/>
</audio>

【讨论】：

很好的回答罗希特。我认为 htmlcsscoding 是使用 javascript 的新手，所以也许可以快速编辑您的答案以解释 <script> 的使用以及将其放置在页面上的什么位置？
请查看此链接。有很多好的文档、信息和示例。只问谷歌叔叔。 w3schools.com/js/js_whereto.asp
是否必须显示控件才能使其工作？
@htmlcsscoding 不，控件不必显示。
@NewToJS，添加了一些解释和链接。