问题:我正在使用NodeJS创建应用程序,其中用户加载页面,麦克风将数据流式传输到NodeJS(我使用Socket.IO作为websocket部分).我的流媒体工作正常,但现在我想知道如何播放我收到的音频? 这是我从流中收到的消息的图片,我试图在浏览器上播放,我猜它是PCM音频,但我不是专家. http://i.imgur.com/mIROL1T.png这个对象长1023. 我在浏览器上使用的代码如下(太长时间不能直接放在这里):https://gist.github.com/ZeroByter/f5690fa9a7c20e2...
我想知道是否有办法用JavaScript平移视频的音频. 与调整音量的方式相同,我需要从左到右或从右到左平移立体声音频. 此功能对于多语言事件非常有用,您可以使用立体声生成两种语言的视频,例如,将英语音频转换为左侧,将德语转换为右侧.然后,播放器可以根据用户选择将立体声音轨转换为单声道静音中的一种语言. 我已经使用SoundTransform类http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/SoundTransfo...
我是角度新手,我使用angular指令制作了音频按钮:app.directive('soundButton', [function () {return {restrict: 'E',link: function (scope, element, attrs) {var audioSrc = attrs.origem;var audio = new Audio(audioSrc);scope.play = function () {if (audio.paused) {audio.play();} else {audio.pause();}};element.css({borderRadius: '50%',width: '100px',height: '100px', backgroundColor: 'red',display: 'inline-b...
我正在寻找一种方法来调整此代码,使其在一个页面中与多个玩家一起使用,并在暂停/重放时添加淡入淡出效果:var playing = false; playpause.addEventListener('click', function () {if (!playing) {document.getElementById('player').play();this.src = 'pause.png';} else {document.getElementById('player').pause();this.src = 'play.png';}playing = !playing; });这个难以忍受的片段就是我现在正在使用它以使其适用于不同的...
我正在尝试交叉淡化HTML5音频(不是webaudio)并使用等功率交叉淡化曲线:var gain1 = Math.cos(x * 0.5 * Math.PI); var gain2 = Math.cos((1.0 - x) * 0.5 * Math.PI);但是我遇到了一些逻辑问题. 假设我有两个声音实例,Sound1& Sound2,都有相同的来源. 如果Sound1以全音量(1.00)播放,则很容易交叉淡入淡出它们,我想在交叉渐变后以最大音量播放Sound2.我只需要将x的值从0循环到100并将gain1设置为Sound1的音量,并将gain2设置为Sound...
我制作了一个音频播放器,只需一个按钮即可播放和暂停.如果播放为假,则应执行播放操作,如果播放为真,则应暂停播放. 我不确定是不是因为在React中思考对我来说仍然不是100%自然,但我无法弄清楚如何做到这一点. 谁能指出我正确的方向? 请参阅下面的代码.var Player = React.createClass({getInitialState: function(){return{songs:[],playing: false}},audio: new Audio,playSong: function(){this.setState({playing = true});thi...
我在JavaScript中跟随AudioContext()声音对象.它的体积是100%.我想以10%(体积= 0.1)播放音量.如何将其体积减少到10%?const aCtx = new AudioContext(); let source = aCtx.createBufferSource(); let buf; fetch('https://dl.dropboxusercontent.com/s/knpo4d2yooe2u4h/tank_driven.wav') // can be XHR as well.then(resp => resp.arrayBuffer()).then(buf => aCtx.decodeAudioData(buf)) // can be callback as well.then(de...
参见英文答案 > How to write a web-based music visualizer? 4个我真的很想创建某种均衡器/可视化器来表示来自我的< audio>的音频.标签.到目前为止,我已经能够找到几个可视化音频的非常奇特的实验.他们中的大多数都基于webgl,并且只在chrome中工作.我想要实现的要简单得多,它只是一个基本的,一种颜色,二维可视化,没什么特别的. 这与我想要实现的非常类似(中间的某种图像和两侧的可视化,非常基...
根据我的基本理解,JavaScript音频可视化器根据实际声波反射音乐.我想构建类似节拍器的东西(http://bl.ocks.org/1399233),我每隔x节拍动画一些DOM元素. 我现在这样做的方法是手动找出歌曲的速度,说它是120bpm,然后我将其转换为毫秒来运行setInterval回调.但这似乎不起作用,因为浏览器性能导致它不精确.有没有更好的方法来确保回调是在歌曲所处的相同速度下完全执行的? 如果没有,还有哪些其他策略可以将JavaScript动画与歌曲的节奏同...
我正在尝试使用React构建一个迷你双轨音频播放器.音频由html音频元素集中控制,音频元素在子组件内部具有音轨列表.可以看到(尚未成型)球员here. 我可以在React开发工具中看出,点击单个音轨选择按钮会更新音频元素的src(感谢此处成员的帮助),但播放音频不会改变.我已经发布了下面的应用程序代码. 是否可以通过这种方式更新状态来改变播放音频?非常感谢帮助.var TRACKLIST = [{id: 1,name: "song a",source: "./audio/test.m4a"},{id...
我正在为Google Chrome写一个扩展程序.我有一个情况:我有一个mp3文件的链接,我可以玩它.我可以提取它的持续时间.. 但我怎么能计算比特率呢?有可能通过一些属性?或者通过使用文件大小的一些计算?如果第二 – 如何获得文件大小? 谢谢.解决方法:更新: 执行HEAD请求并从Content-Length header获取文件大小.由于您知道持续时间,因此可以计算比特率. 研究: 在这里,我想分享一些我的研究. 你可能已经知道了 – 根据the MP3 format ...
在my page,我在JavaScript中动态创建HTML5 Audio元素:bell = new Audio("alarmclock.mp3");稍后(响应jQuery Countdown对象到期),我播放它:bell.play();结果: >适用于Mac的Chrome(6.0.472.55):音频播放正常.> OmniWeb(5.10.2):音频播放正常.>适用于Mac的Safari(5.0.1):我什么都没听到.音频播放很好. (我不知道为什么它没有提前工作.)> MobileSafari(iOS 3.1.3-我设备的最新版本):我什么都没听到. 我该如何解决此问题?我真的...
我一直在研究音频识别演示,而api需要我传递一个8000或16000的采样率的.wav文件,所以我必须对它进行下采样.我尝试了2种算法如下.虽然它们都没有按我的意愿解决问题,但结果存在一些差异,我希望这会使它更加清晰. 这是我的第一次尝试,当sampleRate%outputSampleRate = 0时它工作正常,但是当outputSampleRate = 8000或1600时,结果音频文件是静默的(这意味着输出数组的每个元素的值为0):function interleave(inputL){var compression ...
我有一个与onClick事件绑定的函数.它应该播放一首歌.如果有一首歌已经播放,它应该停止当前的歌曲并开始播放新的歌曲.唯一的问题是,据我所知,只有一种暂停方法,这意味着前一首歌将从暂停位置而不是从头开始.有没有办法解决这个问题(比如.stop()方法)? 这是我的代码:var currSong="";function playSong(newSong){ alert(newSong);if (newSong != ""){if(currSong != "" ) {document.getElementById(currSong).pause();} ...
在使用.play()JavaScript函数加载页面几秒钟后,我正在尝试播放HTML5音轨. 有时,当音频加载缓慢时,当播放器看起来像这样时触发.play(): 缓冲时音频不播放. 有时,当音频快速加载并且播放器看起来像这样时,.play()工作正常. 围绕这个问题最快的方法是什么? (使用监听器?我坚持’加载时播放’功能).解决方法:这应该是有效的:<script language="JavaScript" type="text/javascript">var myAudio = document.getElementById('audio1'...