Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html5 audioElement的多个实例,可以用$(这个)完成吗?_Javascript_Jquery_Html - Fatal编程技术网

Javascript html5 audioElement的多个实例,可以用$(这个)完成吗?

Javascript html5 audioElement的多个实例,可以用$(这个)完成吗?,javascript,jquery,html,Javascript,Jquery,Html,如何在一个页面上使用多个实例,例如mysql while循环。如果您想象以下代码的多个实例,当您单击“播放”时,它将播放第一个实例。但我需要一个类似于以下3行的代码: $('.play').click(function () { $(this).audioElement.play(); }); 但这里是工作代码。 (javascript) $(文档).ready(函数(){ var audioElement=document.createElement('audio'); setAtt

如何在一个页面上使用多个实例,例如mysql while循环。如果您想象以下代码的多个实例,当您单击“播放”时,它将播放第一个实例。但我需要一个类似于以下3行的代码:

$('.play').click(function () {
    $(this).audioElement.play();
});
但这里是工作代码。 (javascript)

$(文档).ready(函数(){
var audioElement=document.createElement('audio');
setAttribute('src','');
$('.play')。单击(函数(){
audioElement.play();
});
$('.pause')。单击(函数(){
audioElement.pause();
});
});
(html)

播放
停止

当然可以,但是您需要获取本机DOM元素来调用该函数,因为jQuery对本机
play
方法一无所知。这可能对你有用

HTML

<div class="play">
    <audio src="http://www.2click4.com/mods/wall/uploads/1709824424.wav"></audio>
    Play
</div>
<div class="pause">Stop</div>

这管用!谢谢你,虽然我注意到了它的延迟,但是有没有任何原因可以解释为什么之前的代码没有延迟,而这确实是吗?@user3206729我不完全确定它为什么会延迟,但我怀疑这是因为你处理了太多的缓冲区,而且需要时间。在这种情况下,除了换一种方式,别无选择。如果这有帮助,我们将非常感谢您的支持或接受。@user3206729
<div class="play">Play</div>
<div class="pause">Stop</div>
<div class="play">
    <audio src="http://www.2click4.com/mods/wall/uploads/1709824424.wav"></audio>
    Play
</div>
<div class="pause">Stop</div>
$('.play').click(function () {
    $('audio', this).get(0).play();
});