Vue:点击播放音频，再次点击暂停播放多首曲目
Vue是一种流行的JavaScript前端框架，用于构建交互式的Web应用程序。它具有简洁的语法和易用的API，被广泛应用于前端开发中。在Vue中，可以通过点击来触发音频的播放和暂停。
要实现点击播放音频再次点击暂停播放多首曲目的功能，可以借助Vue提供的事件绑定和状态管理功能。以下是实现这一功能的步骤：
- 引入音频文件和Vue.js库：首先需要准备好要播放的音频文件，并在HTML中引入Vue.js库和相关的音频文件。
- 创建Vue实例：使用Vue构造函数创建一个Vue实例，并指定要操作的DOM元素。
- 定义数据属性和方法：在Vue实例中，定义一个数据属性来保存当前音频的状态（播放或暂停），以及一个方法来处理点击事件切换音频的状态。
- 示例代码：
- 示例代码：
- 在HTML中绑定点击事件：在需要触发音频播放和暂停的元素上，使用
v-on指令绑定click事件，并调用toggleAudio方法。 - 示例代码：
- 示例代码：
通过以上步骤，当点击"点击播放/暂停"按钮时，toggleAudio方法会被触发，从而切换音频的播放状态，并根据状态执行相应的播放或暂停逻辑。
在使用Vue开发时，可以结合腾讯云提供的音频处理服务、存储服务和云原生产品，来实现更复杂的音频处理和存储需求。例如，可以使用腾讯云的音视频处理服务（链接地址：https://cloud.tencent.com/product/mps）来进行音频的格式转换、剪辑和转码等操作；使用腾讯云的对象存储服务（链接地址：https://cloud.tencent.com/product/cos）来存储和管理音频文件；使用腾讯云的云原生产品（例如容器服务和Serverless框架）来构建高可用性的音频处理和播放系统。
注意：以上只是示例，实际应用中需要根据具体需求选择合适的技术和服务。
相关·内容
1回答
我做了一个非常简单的音频播放器。它只是一个<button>的background-image:中的.png，它使用.toggleClass()来改变显示暂停按钮的.png的背景位置。
我使用的是在w3参考资料中找到的javascript代码，它是一个将音频播放器、播放和暂停事件链接到<button>的函数。
我有三个问题。
首先，我想不出如何让一个音轨在下一个音轨被点击时停止。我只希望一次只有一首曲目能够播放。
第二，如果你点击第一首曲目的播放按钮，它会切换到暂停按钮，但随后点击第二首曲目，第一首曲目和第二首曲目都会显示暂停按钮。我需要一首曲目切换回播放按钮时，任何其
浏览 1提问于2013-06-19得票数 0
回答已采纳
1回答
我是新的网络音频api，和声音设计的一般.所以这可能是个问题。
我正在使用createBufferSource()播放多首曲目。为了在音轨上设置增益，我还使用了音频api的createGain()函数。
我是否需要改变在轨道上的增益，根据歌曲的数量，播放，以保持整体音量水平？换句话说，是否整体音量更高取决于有多少曲目正在播放？
浏览 2提问于2016-03-15得票数 2
回答已采纳
每当我播放多首曲目，然后点击主控按钮上的红色停止按钮，然后点击绿色播放，它将添加暂停类(spin.gif)到之前点击的每个黑色播放。(如果您使用红色按钮播放和停止多首歌曲，您会注意到这一点。)
我相信每次我播放一首新曲目时，它都会将它添加到var new play的数组中。我想要它，所以当我按下绿色的播放按钮时，它只会将暂停类(spin.gif)添加到最后一次播放(也就是nowplay.pop() )
JsFiddle：
$(".play").on('click', function () {
var key = $(this).attr('k
浏览 0提问于2015-11-29得票数 0
1回答
首先，我想我会向你展示我到目前为止所拥有的……
我的html结构中有多个<audio>标记。我正在使用一种标准技术来播放带有<a>标记的文件
$('.play').on('click',function(e){
e.preventDefault();
var song = $(this).next('audio').get(0);
if(song.paused){
song.play();
}else {
song.pause();
}
});
接下来
浏览 0提问于2013-06-30得票数 0
回答已采纳
我有一个音频播放器应用程序，其中有一个主要活动，显示3个音频样本网址。点击一个按钮，它会转到一个详细信息活动，该活动有一个播放和暂停按钮，用于开始和暂停音频。
我的问题是，当我启动主活动，并说点击音频1，我点击播放细节活动。这将启动MediaPlayer并开始播放音频。当我返回到主活动时，音频仍然在播放，这就是我想要的。现在，当我再次点击音频1，转到详细信息活动并再次点击播放时，似乎有一个新的MediaPlayer启动了音频。所以我有两首曲目在一起播放！
有没有办法在任何给定的时间我只能有一个MediaPlayer实例？
谢谢，克里斯
浏览 1提问于2010-06-28得票数 2
回答已采纳
3回答
我试着在sime上播放一种音频，同时在v-for中有不同的音频源。我想要做的是，当我点击一首曲目上的播放时，播放的曲目就会暂停，等等。
我试图通过点击外面的一个按钮来togglePLay，但无法暂停声音
他是我的模板代码，从对deezer的api调用中获取源代码，并将它们作为属性
<template>
<div>
<div v-for="(track,index) in listTrack" :key="track.title">
<div>
<p class="pl-5&
浏览 45提问于2020-03-11得票数 0
1回答
我有100个音轨，每个都有一个唯一的mp3网址。当用户点击一个音轨时，它将播放，如果用户点击另一个音轨，当前音轨将停止，被点击的音轨将播放。但是，如果用户再次点击，我不知道如何暂停当前曲目。请注意，如果用户单击当前播放的曲目以外的任何其他曲目，我不想暂停音频。 以下是我的代码 脚本： changeSong: function (index) {
if (index !== undefined) {
this.audio.pause();
this.currentSong = index;
}
浏览 104提问于2021-05-03得票数 1
回答已采纳
我可能找遍了整个网络，但找不到任何关于这方面的帮助。在我问这个问题之前，我必须提一下，我是一个完全的web开发新手。
我浏览了很多网站，它们可以让你在点击缩略图后通过stratus播放音频。虽然像indieshuffle.com和themusicninja这样的网站不使用stratus，但我想知道他们是如何让照片在音频播放器中播放歌曲的。
同样，我不希望我的缩略图链接到帖子，而是希望人们在点击缩略图后播放相应的soundcloud曲目。此外，如果可以在缩略图上有播放/暂停按钮，那就更好了。
当然，我有ajax和stratus以及全宽音频播放器作为插件安装。
我猜这与在图像中的某个地方嵌入曲目的
浏览 10提问于2013-10-10得票数 0
我正在尝试使音频播放器显示多首曲目运行的mediaelements.js可湿性粉剂插件。我尝试在短代码中使用逗号分隔的列表，但这不起作用。我是否需要在代码中的某个地方更改某些内容？
浏览 2提问于2011-07-29得票数 4
1回答
Spotify轨道克隆
、、、
我正在尝试克隆，我的项目是。我一直使用的框架是Vue.js。
现在我正在尝试克隆，用户可以点击曲目，播放列表中相应的曲目就会被播放。现在我可以为每首曲目获取一个对象，并且有一个音频标记，例如"preview_url" : "https://p.scdn.co/mp3-preview/4839b070015ab7d6de9fec1756e1f3096d908fba",，我可以使用preview url标记来播放音乐的预览。
问题是，当相应的播放按钮被点击时，我不知道如何播放给定的曲目。
<track-display v-for="track in t
浏览 10提问于2017-08-23得票数 0
我需要在我的应用程序中同时播放多首曲目。曲目可以是普通的音频文件或一组midi音符。因此，我配置了一个音频图形，并将各种音频单元(文件播放器AUs和采样器AUs)连接到一个多声道混音器，其输出连接到远程io单元，用于播放音频文件和midi音符。采样器单元加载各种仪器的sf2文件。所有这些都工作得很好，但一旦我有两个以上的midi采样器音频单元，并尝试通过这些单元使用MusicDeviceMIDIEvent函数同时播放midi音符，输出的声音在几次循环后会失真/损坏。我需要同时播放大约10个乐器音轨，问题在我添加第三个midi单元后立即开始。如果这种方法有问题，有人能告诉我吗?如果有问题，你能让
浏览 0提问于2013-02-10得票数 1
回答已采纳
MediaPlayer launcher使用“下一首曲目”和“上一首曲目”控件启动播放，但没有响应。如何在播放多首曲目时使用这些控件？
浏览 0提问于2012-10-16得票数 0
1回答
他们的任何公共api或代码谁添加到我的视图自定义音频播放器，我只是给出音频路径从数组，他们播放他们也有功能，如前进，倒带，暂停，下一首曲目，上一首曲目，等等…
请帮我提前谢谢。
浏览 2提问于2011-04-15得票数 1
回答已采纳
3回答
我正在做一个应用程序，涉及播放多音轨格式的歌曲(鼓，人声，吉他，钢琴等)。我不需要对每个曲目做任何花哨的音频处理，我需要做的就是播放、暂停和静音/取消静音每个曲目。
我一直在使用AVAudioPlayer的多个实例，但在执行设备测试时，我注意到曲目在第一次播放时稍微有点不同步。此外，当我暂停并播放曲目时，他们继续得到更多的不同步。经过一些研究，我意识到AVAudioplayer有太多的延迟，不适合我的应用程序。
在我的应用程序中，我基本上有一个AVAudioPlayers的NSArray，我会循环播放每一首曲目，或者暂停/停止每一首曲目，我确信这就是导致它在设备上不同步的原因。
苹果的音频混音
浏览 0提问于2012-10-16得票数 3
回答已采纳
4回答
在浏览器中播放按钮
、、、
我想把歌曲放在一个网页上，并有一个小播放按钮，就像你可以看到Last.fm或潘多拉。网站上可以列出多首歌曲，如果你开始播放另一首已经播放过的歌曲，它会暂停第一首曲目，并开始播放你刚刚点击的歌曲。我想他们会用Flash来实现它，我可能会在几个小时内实现它，但是是否已经有我可以使用的代码了？也许只是一个闪存的swf文件，你可以用一个基本的Javascript隐藏在网页上，我可以用它来流mp3文件？
另外，WMA或AAC文件呢？是否有一种通用的解决方案可以播放这3种文件类型？
浏览 7提问于2008-09-07得票数 0
我正在用AVPlayer播放歌曲。我也可以在后台播放它。有一个名为showPlaylist的UIButton。当我点击它时，我需要在UITableView中显示我从ipodLibrary中选择的歌曲列表，我应该能够显示插图，歌曲中剩余的分钟数和艺术家的名字(如果在歌曲中可用)。
我有播放和暂停按钮:当我点击暂停按钮时，歌曲会暂停，但当我再次点击播放按钮时，它会转到ipodLibrary。当我点击播放按钮时，如何恢复播放？
当UITableView中有多首歌曲时，我希望它在第一首曲目完成后立即继续到下一首曲目。我想知道该怎么做。
-(IBAction)playButtonPressed:(UIB
浏览 0提问于2012-07-20得票数 3
回答已采纳
我一直在尝试想办法用一个按钮来暂停我的音频(非常简单，只需点击backgroundMusic.stop())，但它不会暂停。使用下面的代码，它的想法是，它从应用程序打开时运行，但当我再次加载场景时，它不会在上一首曲目上播放。所有下面的代码所做的就是在每次我加载场景时打印“play”，我得到了多个曲目互相播放，所以似乎无法检测音频是否正在播放。这是我第一次在xcode中使用音频，所以我不熟悉它。我使用的是xCode 7.0.1和Swift 2。
在我的ViewController类中，但在我的ViewDidLoad之外：
func setupAudioPlayerWithFile(file:NS
浏览 0提问于2015-10-25得票数 1
1回答
我正在获取一堆曲目，每个曲目都有自己的按钮来播放每个曲目。我可以单击它们来播放，然后再次单击以暂停音频，但是如果我尝试在不暂停当前播放的音频的情况下播放新音频，它将不会播放，除非我双击，因为isPlaying状态将被设置为false (这是我切换播放/暂停的方式)。我希望能够在isPlaying为true时单击新音频，并且不将该状态更改为false (但如果我单击同一按钮两次，仍可以暂停当前音频)。谢谢! const App = () => {
const [tracks, setTracks] = React.useState(null);
const [currentSon
浏览 23提问于2020-10-08得票数 1
回答已采纳
我正在使用vue和电子的应用程序，其中之一，播放音频。这个应用程序使用标准的'Audio‘构造函数来播放第一个剪辑。然后，应用程序重写音频，并尝试再次播放新音频(使用旧名称)。现在，即使保存了新的曲目，旧的音频也会播放。
如何强制音频组件重新加载曲目？
const audio = new Audio(require("../sample.mp3"));
audio.play();
谢谢。任何帮助都将不胜感激。我实际上使用了一个'ended‘回调，这在代码片段中没有显示出来。
浏览 0提问于2021-11-13得票数 0
我正在开发react-native项目。我是第一次接触react-native。我有一个屏幕，它显示了扁平列表，在这个扁平列表中，每个单元格都有一些音频URL。一旦用户点击网址，我们必须显示音频播放器的屏幕底部。我们还必须显示播放/暂停/停止、进度条、背景墙纸和曲目标题等控件。
此外，如果用户导航到其他屏幕，如果音频播放器播放音频，我必须维护这个底部音频播放器每个屏幕。
我基本上来自iOS开发，在iOS中我们知道我们可以在应用程序委托类中定义这个底层视图，但是，在react原生中如何实现这一点，以及如何维护音频播放/停止的这种状态？有什么建议吗？
浏览 0提问于2019-06-26得票数 1
2回答
我有为OS开发的音乐应用程序，它有以下功能
sounds)rewind，一次播放多首歌曲(长音频文件和短转发、暂停、停止functionalitythe应用程序也显示了歌曲Create的波形)
我使用苹果的核心音频框架来播放音乐。
现在我必须为Windows开发同样的应用程序。我没有在Windows上工作的经验。
知道吗，用哪种IDE？它必须有音频框架(接近核心音频)
此外，想要一些建议，我们可以采取的方法，这样的发展将是容易的。
谢谢
浏览 4提问于2011-04-15得票数 0
回答已采纳
2回答
我有20个音轨，它们都存储在我的项目中。
我想按顺序播放所有的文件。为此，我使用了AVQueuePlayer。请查看下面的代码以供参考。
声明:-
@interface ViewController ()
{
AVAudioPlayer *player;
NSMutableArray *arrPlayData;
AVPlayerItem *item;
}
@property (nonatomic, retain) AVQueuePlayer *queuePlayer;
按下按钮，
-(IBAction)click_Play:(id)sender {
浏览 5提问于2016-03-08得票数 1
回答已采纳
1回答
我在PhoneGap应用程序中有一个音频播放器。
花了一段时间(因为我不知道JS)，但我设法让音轨播放和停止。
在css中，当你点击“播放”按钮时，它会切换到“停止”按钮，点击它会停止音频-到目前为止还不错。
播放和停止工作很好的一首曲目-但我有4首曲目在页面上。如果一首曲目正在播放，而您在其他曲目之一上按播放，则音频停止(正确)，但不播放新曲目？？
我希望能够在其他曲目上按播放，从而停止当前曲目并播放新的曲目。
这是运行它的Js --希望我解释的正确？
谢谢!
<script>
var audioPlaying = false;
var media;
function playA
浏览 11提问于2014-03-24得票数 0
我想在应用程序播放音频时在iOS的状态栏上显示播放图标。我使用AVQueuePlayer播放音频项目。一切正常，但我面临的问题是播放图标有时不会显示在状态栏上。
该应用程序必须支持播放/暂停。当用户点击暂停时，我暂停队列播放器，点击播放按钮将再次开始播放队列。当用户再次点击播放时，我会寻找播放器项目，以便它将与当时应该播放的内容同步。但有时在再次点击播放后，队列寻求适当的时间并播放，但播放图标没有显示在状态栏中。
我试着注释掉seek代码，然后就播放/暂停了。播放图标可以正确显示/隐藏，但我不确定seekTime API是怎么回事。如果我使用这个来查找，有时图标不会显示时间。
这是在seekT
浏览 0提问于2013-08-29得票数 1
在阅读了、和这样的文章之后，我仍然不清楚如何在javascript中精确地播放/暂停/查找大型音频。
我正在开发一个动画库，它允许您创建动画时间表，以控制WebGL缓冲区和DOM元素，以及几乎任何其他东西。这是一个截图：
我刚找到音轨，它需要的是：
演奏大曲目的能力
播放/暂停
寻找
时间精度
这将是一个额外的，能够有音频效果和控制他们的参数在精确的时间。
我以前使用过音频元素来播放与音乐同步的动画。我曾经用音频元素的currentTime属性更新动画的时钟。我记得currentTime不是很可靠。在Chrome中，与我使用Adobe试音提取的精确次数相比
浏览 4提问于2014-01-17得票数 3
我想知道，如果有音频CD插入，是否有方法在命令行中获取cd驱动器的状态。你能在CD上播放一段曲目，然后以某种方式从系统中恢复“播放”状态吗？系统中是否有音频cd状态的记录？(播放/停止/闲置/暂停/等)
浏览 0提问于2015-09-24得票数 0
回答已采纳
9回答
我想同时播放多首曲目，然后混合播放。应用效果，如法兰，混响，合唱谁知道在iphone上工作的声音引擎？
浏览 7提问于2011-03-04得票数 4
回答已采纳
我已经搜索和阅读了多个论坛，但我似乎无法解决这个问题。 设置:我在一个选项卡中设置了一个简单的jquery音频播放器。当有人点击歌曲标题时，它会在名为#gs-audio的div中播放该音频。如果他们点击另一首歌的标题，它会改变曲目，或者，如果他们再次点击同一首歌，它会暂停音频。 问题:如果有人单击另一个选项卡，音频将继续播放 我尝试过的： $(".tabs-outter-wrapper").tabs({
show: { effect: "slide", duration: 800, direction: "right" },
h
浏览 12提问于2021-01-12得票数 1
回答已采纳
1回答
我正在尝试制作一个web应用程序，其中一个部分是一个功能，您可以通过鼠标点击播放/暂停不同的歌曲。问题是，如果一页中有多首歌曲，那么所有的播放/暂停按钮都只适用于一首歌(最后一首歌是添加的)。如何修复它，使每个播放/暂停按钮对应于一首特定的歌曲？我已经用音频id试过了，但不起作用。下面是我的代码部分的HTML/JS：
{% for song, posts in posts_dict.items() %}
<div>
<audio id="{{ song.song_uri[14:] }}" src="{{ song.son
浏览 0提问于2020-05-25得票数 0
回答已采纳
3回答
合并多个音频缓冲源
、、、
关于html5 webaudio的问题:可以将多首歌曲合并在一起吗？
我有不同的曲目，这些曲目都是使用webaudio同时播放的，但我需要处理音频，所以我需要一个缓冲区中的所有音频，而不是每个曲目都有自己的缓冲区。
我尝试通过添加它们的通道数据来合并它们，但我总是得到“未捕获索引:RangeError is out of range”。
function mergeBuffers(recBuffers, recLength){
var result = new Float32Array(recLength*2);
var offset = 0;
for (var i = 0; i
浏览 0提问于2012-12-05得票数 3
回答已采纳
3回答
HTML5视频的多个音轨
、、、、
我正在用HTML5为我的网站制作一段视频。理想情况下，我应该只有一个静默视频文件，以及五个不同语言的不同音轨，它们与视频同步。
然后我会有一个按钮，允许用户在音频曲目之间切换，即使视频正在播放；正确的音频曲目将变得生动起来(没有视频暂停或重新开始或其他任何事情；很像DVD音频曲目选择)。
我可以在Flash中很简单地做到这一点，但我不想这样做。必须有一种纯HTML5或HTML5+jQuery的方法来做到这一点。我在想你可以用0音量播放所有的音频文件，并且只增加活动音轨的音量…但我甚至不知道如何做到这一点，更不用说在用户暂停或倒带视频时处理它了……
提前感谢！
浏览 1提问于2011-10-25得票数 19
回答已采纳
3回答
我去过很多地方(我想)，但似乎找不到一种在html5音频控制器中调用停止事件的方法。我的音频控制器有一个播放列表，每首曲目都会在选中时播放，或者循环播放到下一首曲目。还有一个“下一步”按钮。
我的播放/暂停按钮如下所示：
function playPause() {
var audioPlayer = document.getElementsByTagName('audio')[0];
if(audioPlayer!=undefined) {
if (audioPlayer.paused) {
audioPlayer.pl
浏览 3提问于2012-05-18得票数 6
回答已采纳
我正在尝试同时播放多个音频文件，并使它们保持同步。但是，如果我通过暂停和设置currentTime在歌曲中向前搜索，音频将变得不同步。currentTime属性都是相等的，但声音却完全不同步。
我也尝试过在所有的曲目上使用MediaController，但同样不起作用。
有人知道如何在搜索后保持多个曲目同步吗？
浏览 2提问于2013-05-11得票数 3
回答已采纳
2回答
我是Android开发的新手。我需要做一个文本和图标音频播放器列表视图。图标有三种状态，“下载”、“正在下载”、“播放”和“暂停”。这个想法是，当填充列表视图时，如果曲目没有下载，则设置“下载”图标，如果曲目已下载，则设置“播放”。如果用户单击“下载”按钮，则图标应更新为“下载”以开始下载，然后在完成时，您将看到图标“播放”。如果用户按下此元素的“播放”图标，则应更新为“暂停”。
我不能更改图标。我试图在onItemClickListener中更改它们，并在适配器中的getView方法中创建onClick，但当滚动时，图标变成了旧的。如果您在列表中选择了多个项目，那么请更改所有图标，我只需要更
浏览 1提问于2015-08-27得票数 0
问题示例： (警告，将在加载时开始播放音乐)。
我有一个音频标签看起来像
<audio
:src="current"
@timeupdate="time = $event.target.currentTime"
ref="audio"
@ended="nextTrack()"
autoload preload="auto" autoplay>
</audio>
当轨道结束时，它调用nextTrack来更改src，如下所示：
next
浏览 0提问于2018-07-09得票数 2
5回答
我正在为我的朋友乐队做一个网站。我想知道是否有可能(除了使用Ajax)在点击网站上另一个页面的链接后继续播放音频？
我目前已经使用Ajax设置了它来重新加载内容，但我对它有一些问题，除非迫不得已，否则我宁愿不去处理这些麻烦。
如果不可能，有没有办法将导航时的干扰降到最低(暂停后再播放)？新页面可以从上一页停止的位置继续播放曲目，但我希望尽量减少暂停。或者，在这个问题上，有没有可能在改变URL后(不使用#URL)保持某些页面元素被加载，就像facebook所做的那样(就像在中一样，你点击它，但在加载过程中横幅永远不会消失)
感谢您的帮助:)
浏览 4提问于2012-03-04得票数 5
回答已采纳
我在自定义的soundcloud HTML5 soundcloud播放器上遇到了一些问题，我从这里得到了这个播放器：
我想要做的是将soundcloud播放器作为单独的曲目加载到全屏幻灯片中。在每个曲目的结尾，我希望触发一个事件，点击导航按钮，然后启动下一个播放器(由于滑块的设置方式，它不会自动读取‘下一个曲目’，而是应该能够找到下一个单独的‘播放’按钮，并点击它)
我有一些权宜之计
$(document).bind('onPlayerPause.scPlayer', function(event){
$('.next').click();
});
它确实很基本
浏览 0提问于2013-01-19得票数 2
回答已采纳
所以我有一个这样的函数：
function music(song) {
var audio = new Audio("audio/" + song + ".ogg");
audio.play();
}
我遇到的问题是audio.play()工作得很好，但是如果我稍后尝试audio.pause() (在定义了相同的变量之后)，它就不能工作。但是，如果我这样做：
function music() {
var audio = document.getElementById("songname");
audio.play();
}
然后，我可以定义变量，
浏览 1提问于2012-05-11得票数 0
我有一个安卓应用程序，播放音频使用运行在服务中的ExoPlayer。在Activity-A中，您可以选择要播放的曲目。服务启动并开始播放音频。控件变得可见，一切看起来正常： ? 当我转到Activity-B时，音频将继续在后台播放，因为它是一项服务。当我返回到Activity-A时，控件会出现，但不能正确显示。音频仍在正常播放，但进度条不正确，播放和暂停按钮均显示，而不是仅显示暂停： ? 我必须与控件交互，比如单击播放按钮，然后它们看起来又正常了，进度条显示正确。 这是将播放器附加到控件的方法： private void initializePlayer() {
if
浏览 34提问于2020-01-22得票数 1
回答已采纳
如果我是个初中生，很难适应其他的答案，我会很感激你的帮助。我正在创建一个非常基本的2声道音频播放器应用在反应。音频播放器在一个子组件中具有全局播放/暂停控制(当前是html音频元素)，在同级组件中有一个带有两个曲目的音轨列表。
每个曲目都有一个按钮，单击该按钮可以在全局音频元素中播放选定的音频。全局音频元素具有默认的音频src，这是一个初始的应用程序状态。我希望此状态更新点击所选曲目的音频源。
我设法在父应用程序和每个子应用程序之间建立了通信通道，但是我似乎无法将应用程序状态更新到所选轨道的音频src。我的理解是，应用程序中的onTrackChange函数就是应该进行此操作的地方。任何帮助都将
浏览 4提问于2017-04-23得票数 1
回答已采纳
1回答
带Redux的集中式音频单元？
、、、、
当为一个声音应用程序创建一个集中式音频对象时，我不确定哪个方向是最好的，该应用程序通过多个播放器在应用程序周围有不同的交互点。
我认为有几个选项:实例化和操作音频对象(播放、暂停、加载等)和播放器状态(曲目是否正在播放、暂停、缓冲等)。实例化和操作播放器操作中的音频和播放器状态。或者让音频对象位于redux流之外(例如在lib文件夹中)，并使用组件上的方法直接与其交互，同时调度事件以使播放器状态与音频保持内联。
这是商店里的一个音频示例(不是redux) --
在这里，它是一个单独的模块，与更改播放器状态的辅助操作一起运行-
有没有人对最佳实践有什么想法，或者有什么建议。
干杯
浏览 0提问于2016-06-01得票数 1
2回答
我正在设计一个音乐播放器使用JavaScript (jQuery)和HTML5，与闪存AS3回落。基本上，我想要做的是能够点击HTML控件元素，并让它们与flash交互，以便播放/暂停和跳过播放列表中的曲目(由JavaScript读取的播放列表JSON文件，将文件ID传递给AS3，AS3读取另一个JSON文件以获取URL，然后播放音频)
这使我能够仅使用闪光灯播放音频，从而创建相同的用户体验，而不管HTML5浏览器是否支持。
我假设我将不得不“监听”AS3中的事件，但是任何关于如何在JS中参与这些事件并在AS3中对这些事件做出反应的指示都将是一个很大的帮助！
浏览 1提问于2011-12-27得票数 0
回答已采纳
https://glitch.com/edit/#!/pulseball?path=cube_audio_analyser2.0.html%3A1%3A0 我正在尝试在Three.js中创建一个音频分析器(见上面的链接)，声音文件也在资产中。我收到一个错误，three.js:41273 AudioContext不被允许启动。它必须在页面上的用户手势之后恢复(或创建)。所以我在播放函数中加入了sound.resume() (参见代码)，但是错误仍然存在，我可以点击播放和暂停按钮，曲目被播放了，但我认为音频分析器没有工作。我看过文档和来自Three.js的一些例子，网络音频应用编程接口复制了这些
浏览 29提问于2020-08-19得票数 1
我正在网格视图中播放音频。我有两个问题
1.一旦音频开始，它没有暂停或单击暂停按钮，我看到暂停图像更改为播放，但音频仍然保持playing.If我点击另一个项目的播放按钮，然后多次音频播放。我不能理解为什么mp.pause()不工作
2.当点击某个item..it播放其他项目的音频时，会播放错误的音频
浏览 3提问于2015-10-14得票数 1
1回答
我有一个要求，我需要在ASP.Net page.Can上播放多首音频歌曲，任何人建议的最好的方法来实现这一点。
我有佩奇。在那里，我将在网格视图中显示歌曲列表。网格视图包含复选框和歌曲名称。用户应该能够选择多个复选框，并点击播放。
当任何用户点击播放按钮在新的弹出窗口，我必须播放所有音频歌曲由用户选择一个接一个。
我将感谢你的帮助。
浏览 0提问于2011-04-19得票数 0
我有一个网站上的音乐曲目HTML列表。其中一些可以通过音频样本进行预览。 我想在每个曲目前面实现一个三角形(播放按钮)，这样访问者就可以点击每个曲目并听到一个简短的音频样本。如果访问者在前一首曲目完成之前点击了另一首曲目，则后一首曲目应该会停止，新的曲目应该会播放。 这个简单的计划不需要太多的努力就可以实现吗？我擅长超文本标记语言和CSS，但我不会写JavaScript。我研究过audio-control属性，但它给了我一个完整的播放器，里面有一堆我不想显示的控件。 如果只有java-script才能做到这一点，你们有没有什么教程可以指给我看呢？
浏览 27提问于2019-12-13得票数 0
回答已采纳
我有一个要求，我需要在ASP.Net page.Can上播放多首音频歌曲，任何人建议的最好的方法来实现这一点。
我有佩奇。在那里，我将在网格视图中显示歌曲列表。网格视图包含复选框和歌曲名称。用户应该能够选择多个复选框，并点击播放。
当任何用户点击播放按钮在新的弹出窗口，我必须播放所有音频歌曲由用户选择一个接一个。
我将感谢你的帮助。
谢谢，文卡特。
浏览 0提问于2009-05-02得票数 0
我正在尝试在Dart和Chrome上使用html5音频，并且我会尽可能简单地使用AudioElement。我希望能够暂停声音，并在稍后恢复。我有：
startSound() {
audioElement.src = "foo";
audioElement.load();
audioElement.play();
}
pause() {
this.time = audioElement.currentTime;
audioElement.pause();
}
unpause() {
audioElement.currentTime = this.tim
浏览 3提问于2012-08-05得票数 2
回答已采纳
2回答
有没有办法在html音频标签中预加载整个mp3。
这个问题我已经有很长一段时间了。我有一个soundcloud播放器，它使用html音频标签，im设置音频源，音频开始播放，缓冲开始。
问题是，soundcloud音频源是使用短生命令牌保护的，当音频预缓存更多的数据时，缓冲停止，当音频想要继续读取流时，它从soundcloud获取404，无法恢复缓冲。
我注意到，如果我暂停音频，整个曲目将立即加载，但这不是我需要的解决方案。
浏览 6提问于2014-03-02得票数 2
为了在网页上播放/暂停音频文件，我目前使用两个不同的按钮，一个用于播放音频，另一个用于暂停音频。
下面是我使用的代码：
<button onclick="playSong()">Play
</button>
<button onclick="pauseSong()">Pause
</button>
Javascript：
<script>
var song=document.getElementById("ad");
function playSong()
{
song.play(
浏览 2提问于2018-03-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
