【javascript – 如何使用滑块更改HTML5音频音量或音轨位置?】教程文章相关的互联网学习教程文章

javascript-悬停播放音频文件(并在鼠标移出时停止播放)【代码】

通过JavaScript在鼠标上播放音频文件的最佳解决方案是什么?并在鼠标离开链接时将其停止. jQuery可用.<a href="/test.mp3" class="play">play</a>解决方法: <audio id="mysound" src="mysound.wav"></audio> <button onm ouseover="document.getElementById('mysound').play()" onm ouseout="document.getElementById('mysound').pause()">Hover me!</button>

Youtube Javascript API创建音频栏

对于那些拥有Youtube Javascript API经验的人,我想知道是否有可能使用该API创建完全定制的音频播放器.我的目标是仅使用API??来播放嵌入的youtube视频中的声音,暂停,更改音量,使用javascript按钮,而无需显示Flash对象本身. API是否允许这样做?解决方法:是.看看这个:http://code.google.com/apis/youtube/js_example_1.html您会看到可以完全控制.如果不想显示Flash对象,请将宽度和高度设置为零.

javascript-如何将音频数据数组转换为wav文件?【代码】

我有一个功能,可以为用户记录音频注释.它使用HTML5和Flash后备广告.我可以通过getUserMedia()从HTML5版本获得音频数据,但是Flash后备广告将数据作为浮动数组提供. 我需要将这些数据作为wav文件,但我不知道该怎么做.任何帮助,不胜感激!解决方法: var recLength = 0, recBuffersL = [], recBuffersR = [], sampleRate;this.onmessage = function (e) { switch (e.data.command) {case 'init':init(e.data.config);break;case 'recor...

javascript-用于音频嵌入的自定义静音按钮?【代码】

我正在尝试为embed标签设置自定义静音按钮.<embed src="intro.mp3" autostart="true" hidden="true" loop="false">有没有办法通过JS做到这一点? 这适用于音频标签:document.getElementById('audio').muted = true;解决方法:不,there is no muted attribute for embed elements.如果要控制音量,则需要使用audio element或可以将参数传递到的专有插件.

如何使用HTML和JavaScript仅播放youtube视频中的音频【代码】

我要执行的操作:创建一个项目列表,其中包含一个链接,可在每个项目旁边播放来自youtube视频的音频 我目前正在做什么:我可以使用以下方法针对单个商品执行此操作:<div data-video="VIDEO_ID" data-autoplay="0" data-loop="1" id="youtube-audio"> </div> <script src="https://www.youtube.com/iframe_api"></script> <script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>这样可以创...

javascript – 如何避免网络音频API的CORS限制?

我试图为音频流创建一些可视化.但是当我尝试使用createMediaElementSource()函数访问原始音频数据时,我遇到了CORS问题. 有没有办法避免这种限制,并从其他来源的流中获取原始音频数据?也许使用WebSockets?解决方法:有五种方法可以处理针对跨域检索的保护: > CORS标头 – 这是理想的,但您需要第三方服务器的合作> JSONP – 不适合流媒体内容,您通常需要第三方服务器的合作> iframe和窗口间通信 – 可能不适合流媒体内容,您需要第...

javascript – 使用flash或html5捕获音频输入【代码】

我正在尝试捕获麦克风并将录音发送到我的服务器..我尝试了这种方法here,但它只记录了一个大的WAV,上传的速度有时很慢.有没有办法捕获语音并在客户端压缩它?最好的方法是在录制时发送录音,但我不知道这是否可行. (它适用于YouTube Live网络摄像头录制,它也必须适用于音频..)解决方法:嘿看看这篇文章,我回复了一个跟你有类似问题的人. How do I embed a Flash audio recorder in my site 我不知道客户端压缩(我之前已经调查过,无法找...

javascript – 为什么音频事件不是用BackboneJS触发的,而是其他的?【代码】

我不明白为什么点击事件是正常的,但不是timeupdate. 没有任何事件从< audio>开始,我尝试了canplay,播放,暂停,timeupdate,…如果我在模板中显示控件,如果我点击播放器,则会点击.audio事件.var PlayerView = Backbone.View.extend({tagName : 'div',template: _.template($('#player-template').html()),initialize: function() {this.$el.html(this.template(this.model.toJSON()));}events: {'timeupdate .audio': 'onTimeUpdate',...

HTML Canvas和Javascript – 按选择触发音频(从多个位置)【代码】

我的HTML画布中有一个选择菜单,我想触发相应的音频文件.我试图通过声明if(this.hovered)&中的图像来实现这一点. (this.clicked)在selectionForMenu原型中的makeSelection函数的一部分,这样在每个新选择中重新定义所选音频文件,但这会导致诸如缓慢加载和重叠音频之类的问题.这也是有问题的,因为我试图让屏幕底部的扬声器按钮播放对应于当前选择的音频,因此如果仅在该功能中定义它,则makeButton功能无法访问它. 您可以在下面的代码段...

javascript – 在HTML中组合音频文件【代码】

我有一个HTML页面,其中有两个音频文件ABC.mp3为30秒,XYZ.mp3为15秒.我需要以这样的方式组合这两个文件:我得到一个30秒(而不是45秒)的新文件PQR.mp3,其中一个文件重叠/合并在另一个文件上.任何类型的插件,javascript等都会有所帮助,保持HTML和HTML5的正确性.解决方法:简单回答:不.Javascript和HTML5都没有能力做到这一点.您将需要服务器端工具来执行此操作.例如,在MP3的情况下为ffmpeg和LAME. 如果您确实需要在HTML基础上进行此类...

javascript – 如何设置音频对象的音量?【代码】

我知道我可以像这样创建一个音频对象:var audio = new Audio("test.wav");我知道如何播放音频:audio.play();我使用以下for循环来输出音频中的所有函数:var myAudioObject = new Audio();for (var key in myAudioObject) {if (typeof myAudioObject[key] === "function"){console.log(key);} } 但是没有设定音量.是否可以更改音频对象的音量? 暗示 这都是我的错.如果我用我的for循环中的函数替换数字,那么我找到音量.var myAudi...

javascript – 音频无法使用phoneGap【代码】

嗨,我尝试添加声音到我的游戏,我使用aphoneGap代码来做到这一点:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> <html><head><title>Media Example</title><script type="text/javascript" charset="utf-8" src="js/phonegap-1.4.1.js"></script><script type="text/javascript" charset="utf-8">// Wait for PhoneGap to load//document.addEventListener("deviceready", onDevice...

多个音频html:当前正在播放javascript时自动停止其他【代码】

我在html5页面上有10个带有简单html音频标签的音频播放器.没有jquery,没有特殊的音频js插件等… 有没有人在js中有一个简单的脚本来暂停所有其他玩家当前玩家? 我不想使用js插件,因为我想保留一个简单的音频html代码.解决方法:你可以使用事件委托.只需在捕获阶段收听播放事件,然后暂停所有视频文件,但不要暂停目标视频:document.addEventListener('play', function(e){var audios = document.getElementsByTagName('audio');for(v...

如何在javascript中捕获音频?【代码】

我目前正在使用getUserMedia(),它只适用于Firefox和Chrome,但它已被弃用,仅适用于https(在Chrome中).有没有其他/更好的方法来获得适用于所有平台的javascript中的语音输入? 例如. web.whatsapp.com app等网站如何录制音频? getUserMedia()提示第一次用户允许录音,而Whatsapp应用程序不需要用户的许可. 我目前使用的getUserMedia()如下所示:navigator.getUserMedia({"audio": {"mandatory": {"googEchoCancellation": "false","g...

javascript – 使用MediaRecorder录制5秒音频片段,然后上传到服务器【代码】

我想记录5秒长的用户麦克风段,并将每个段上传到服务器.我尝试使用MediaRecorder并且我以5秒的时间间隔调用了start()和stop()方法,但是当我连接这些录音时,它们之间会发出“掉落”的声音.所以我尝试使用start()方法的timeslice参数记录5秒段:navigator.mediaDevices.getUserMedia({ audio: { channelCount: 2, volume: 1.0, echoCancellation: false, noiseSuppression: false } }).then(function(stream) {const Recorder = new M...

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 全部