Question

选择状态后，我正在使用svg贴图显示多个音轨。我正在使用的动画音频播放器通过canvas元素带来音频，因此我无法使用传统的定位$（'audio'）。pause暂停播放音频。我必须做类似ak.audio.pause（）;的操作。通过定位我创建的js实例。

棘手的部分是希望音频在播放另一个音频播放器时启动播放器。我对将音频放置在html之外的画布中非常陌生。

我正在从这里使用圆形音频播放器代码。 https://codepen.io/jhereg00/pen/WjQPdW

我不得不承认这是我第一次在stackoverflow上发帖，即使依靠它多年来完成我的实际工作。我终于在这里发布信息，看看我是否可以在我的一个宠物项目上获得帮助。

我尝试通过传统的jquery音频方法进行定位，我尝试了触发点击，添加类，删除类，通过将画布元素作为目标来使用播放/暂停，但是这不起作用。

启动音频实例。

var ar = new CircleAudioPlayer({
    audio: 'http://www.lefty.co/audio/mp3music/America_AR_SallySockwell.mp3',
  size: 120,
  borderWidth: 8
});
ar.appendTo(arContainerOne);

var ar2 = new CircleAudioPlayer({
    audio: 'http://www.lefty.co/audio/mp3music/America_AR_MelissaWalsh.mp3',
  size: 120,
  borderWidth: 8
});
ar2.appendTo(arContainerTwo);

这是init的输出。

<div id="arContainerOne"><canvas class="circle-audio-player is-paused" width="120" height="120"></canvas></div>

这显示了单击状态时包含实例的旁边。

$('.content-box aside').hide();

$('path').on('click', function() {
    var state = $(this).attr('id');
    $('aside#' + state).toggle().siblings("aside").hide();
});

您可以在这里https://codepen.io/ClarenceS/pen/pXvEeX

看到我的所有工作。

我没有从控制台收到错误消息。

选择新容器后，暂停容器内的音频

0 个答案: