【教你如何使用好HTML5的音频和视频】教程文章相关的互联网学习教程文章

php – 流式传输为html5音频或将.amr转换为.ogg【代码】

我想在我的服务器上传输.amr音频文件.经过几个小时的研究后,我很清楚,在目前的html5音频状态下,这是不可行的.在这个令人失望的发现之后,我花了几个小时寻找一种简单的方法将.amr文件转换为.ogg,同样令人失望的结果. 令我震惊的是,经过10多年的使用,没有简单的方法来播放/转换根据此标准编码的文件,但有人可以帮我找到可用的解决方案吗?最接近的可行选项似乎是sox和ffmpeg.我理想地寻找一个简明的指令集,直接从php转换.amr到.ogg但...

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 – 交叉淡化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 – 可视化html5音频【代码】

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

c# – 通过MVC3提供音频文件的问题|使用各种HTML5播放器【代码】

我最近遇到了一个我似乎无法解决的问题.我正在为播放音频文件(主要是.mp3和.wav)的应用程序创建一个简单的组件,并且在进行一些测试之后,该应用程序似乎在Chrome中运行良好. 然而在IE9中,这是我唯一关注的主要浏览器,我在提供音频文件时似乎遇到了困难. 目前正通过Controller Action请求文件,如下所示:public ActionResult PlayAudioFile(string id) { AudioFile af = FileAgent.GetAudioFile(id);try{//Grabs the file via a ...

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 – 触发HTML5音频轨道,以便在加载时播放【代码】

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

javascript-在Safari中使用html5 / js音频时出现问题(Windows)【代码】

我试图在html5游戏中添加声音,奇怪的是在Safari中,我在js控制台中收到此错误:“表达式’Audio[undefined]的结果不是构造函数”. 我正在使用以下代码加载声音:var sound = new Audio(); sound.src = "audio/click" + soundext; sound.onLoad = ResourceLoad();对于解决此问题的任何帮助,我将不胜感激!解决方法:我知道这个问题有点老了,但是这是我搜索问题时发现的问题,因此对于其他搜索者来说,这是我从http://infobrink.com/safa...