【javascript – 在浏览器中进行音频播放的可变速度控制?】教程文章相关的互联网学习教程文章

javascript – 如何播放我从websocket流收到的PCM音频?【代码】

问题:我正在使用NodeJS创建应用程序,其中用户加载页面,麦克风将数据流式传输到NodeJS(我使用Socket.IO作为websocket部分).我的流媒体工作正常,但现在我想知道如何播放我收到的音频? 这是我从流中收到的消息的图片,我试图在浏览器上播放,我猜它是PCM音频,但我不是专家. http://i.imgur.com/mIROL1T.png这个对象长1023. 我在浏览器上使用的代码如下(太长时间不能直接放在这里):https://gist.github.com/ZeroByter/f5690fa9a7c20e2...

javascript – AudioContext平移播放媒体的音频【代码】

我想知道是否有办法用JavaScript平移视频的音频. 与调整音量的方式相同,我需要从左到右或从右到左平移立体声音频. 此功能对于多语言事件非常有用,您可以使用立体声生成两种语言的视频,例如,将英语音频转换为左侧,将德语转换为右侧.然后,播放器可以根据用户选择将立体声音轨转换为单声道静音中的一种语言. 我已经使用SoundTransform类http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/SoundTransfo...

javascript – 使用HTML5音频元素使用AngularJS创建新指令【代码】

我是角度新手,我使用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...

Javascript:调整多个音频播放器的脚本和淡入淡出效果【代码】

我正在寻找一种方法来调整此代码,使其在一个页面中与多个玩家一起使用,并在暂停/重放时添加淡入淡出效果: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; });这个难以忍受的片段就是我现在正在使用它以使其适用于不同的...

javascript – 交叉淡化HTML5音频逻辑【代码】

我正在尝试交叉淡化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...

javascript – 切换播放/暂停以响应音频【代码】

我制作了一个音频播放器,只需一个按钮即可播放和暂停.如果播放为假,则应执行播放操作,如果播放为真,则应暂停播放. 我不确定是不是因为在React中思考对我来说仍然不是100%自然,但我无法弄清楚如何做到这一点. 谁能指出我正确的方向? 请参阅下面的代码.var Player = React.createClass({getInitialState: function(){return{songs:[],playing: false}},audio: new Audio,playSong: function(){this.setState({playing = true});thi...

javascript – 如何控制(音频缓冲区)AudioContext()的音量?【代码】

我在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...

javascript – 可视化html5音频【代码】

参见英文答案 > How to write a web-based music visualizer? 4个我真的很想创建某种均衡器/可视化器来表示来自我的< audio>的音频.标签.到目前为止,我已经能够找到几个可视化音频的非常奇特的实验.他们中的大多数都基于webgl,并且只在chrome中工作.我想要实现的要简单得多,它只是一个基本的,一种颜色,二维可视化,没什么特别的. 这与我想要实现的非常类似(中间的某种图像和两侧的可视化,非常基...

如何在不构建“音频可视化器”的情况下将JavaScript动画与歌曲的速度同步?【代码】

根据我的基本理解,JavaScript音频可视化器根据实际声波反射音乐.我想构建类似节拍器的东西(http://bl.ocks.org/1399233),我每隔x节拍动画一些DOM元素. 我现在这样做的方法是手动找出歌曲的速度,说它是120bpm,然后我将其转换为毫秒来运行setInterval回调.但这似乎不起作用,因为浏览器性能导致它不精确.有没有更好的方法来确保回调是在歌曲所处的相同速度下完全执行的? 如果没有,还有哪些其他策略可以将JavaScript动画与歌曲的节奏同...

javascript – (React js)音频src正在setState上更新,但音频播放不会改变【代码】

我正在尝试使用React构建一个迷你双轨音频播放器.音频由html音频元素集中控制,音频元素在子组件内部具有音轨列表.可以看到(尚未成型)球员here. 我可以在React开发工具中看出,点击单个音轨选择按钮会更新音频元素的src(感谢此处成员的帮助),但播放音频不会改变.我已经发布了下面的应用程序代码. 是否可以通过这种方式更新状态来改变播放音频?非常感谢帮助.var TRACKLIST = [{id: 1,name: "song a",source: "./audio/test.m4a"},{id...

javascript – html5音频.如何获得比特率

我正在为Google Chrome写一个扩展程序.我有一个情况:我有一个mp3文件的链接,我可以玩它.我可以提取它的持续时间.. 但我怎么能计算比特率呢?有可能通过一些属性?或者通过使用文件大小的一些计算?如果第二 – 如何获得文件大小? 谢谢.解决方法:更新: 执行HEAD请求并从Content-Length header获取文件大小.由于您知道持续时间,因此可以计算比特率. 研究: 在这里,我想分享一些我的研究. 你可能已经知道了 – 根据the MP3 format ...

javascript – HTML5音频对象无法在Safari中播放【代码】

在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-我设备的最新版本):我什么都没听到. 我该如何解决此问题?我真的...

javascript – 将PCM音频从44100下采样到8000【代码】

我一直在研究音频识别演示,而api需要我传递一个8000或16000的采样率的.wav文件,所以我必须对它进行下采样.我尝试了2种算法如下.虽然它们都没有按我的意愿解决问题,但结果存在一些差异,我希望这会使它更加清晰. 这是我的第一次尝试,当sampleRate%outputSampleRate = 0时它工作正常,但是当outputSampleRate = 8000或1600时,结果音频文件是静默的(这意味着输出数组的每个元素的值为0):function interleave(inputL){var compression ...

在Javascript中启动和停止音频【代码】

我有一个与onClick事件绑定的函数.它应该播放一首歌.如果有一首歌已经播放,它应该停止当前的歌曲并开始播放新的歌曲.唯一的问题是,据我所知,只有一种暂停方法,这意味着前一首歌将从暂停位置而不是从头开始.有没有办法解决这个问题(比如.stop()方法)? 这是我的代码:var currSong="";function playSong(newSong){ alert(newSong);if (newSong != ""){if(currSong != "" ) {document.getElementById(currSong).pause();} ...

javascript – 触发HTML5音频轨道,以便在加载时播放【代码】

在使用.play()JavaScript函数加载页面几秒钟后,我正在尝试播放HTML5音轨. 有时,当音频加载缓慢时,当播放器看起来像这样时触发.play(): 缓冲时音频不播放. 有时,当音频快速加载并且播放器看起来像这样时,.play()工作正常. 围绕这个问题最快的方法是什么? (使用监听器?我坚持’加载时播放’功能).解决方法:这应该是有效的:<script language="JavaScript" type="text/javascript">var myAudio = document.getElementById('audio1'...

播放 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部