Play audio file from string in JavaScript(在JavaScript中播放字符串中的音频文件)
本文介绍了在JavaScript中播放字符串中的音频文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我将mp3文件的内容另存为变量(这不是为了实用,只是为了我的一个小项目),我希望将该变量的内容作为音频文件播放。这将是一个使用类似node的简单任务,但不幸的是,我必须完全在客户端完成这项工作。
请注意,我不能将字符串内容保存为mp3文件,我需要能够从变量播放它。
我对此进行了调查,但从我发现的情况来看,这似乎是做不到的。如果你们中有谁有解决方案,我将不胜感激。推荐答案
这不太实际,因为您将在JS引擎中获得非常高的内存占用,并可能导致不必要的垃圾收集.但是可以使用Base64对MP3进行编码,然后可以将其提供给<audio>
标记的src
属性。
因为在这里的答案中提供base64编码的MP3是不切实际的,所以我将提供一个FIDELL:https://jsfiddle.net/4t6bg95z/1/
但是代码的要点可以类似于:
var audio = document.getElementById('audio');
audio.src = "ZGF0YTphdWRpby9tcDM7YmFzZTY0LC4uLg=="; //This is a base64 encoded string of an MP3 file
window.beep = function() {
audio.play();
}
显然,更好的做法是改为提供音频源的URL,因为这是Audio API的预期用途。
这篇关于在JavaScript中播放字符串中的音频文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
沃梦达教程
本文标题为:在JavaScript中播放字符串中的音频文件


猜你喜欢
- 400或500级别的HTTP响应 2022-01-01
- 如何使用 JSON 格式的 jQuery AJAX 从 .cfm 页面输出查 2022-01-01
- 使用RSelum从网站(报纸档案)中抓取多个网页 2022-09-06
- Quasar 2+Apollo:错误:找不到ID为默认的Apollo客户端。如果您在组件设置之外,请使用ProvideApolloClient() 2022-01-01
- Fetch API 如何获取响应体? 2022-01-01
- CSS媒体查询(最大高度)不起作用,但为什么? 2022-01-01
- addEventListener 在 IE 11 中不起作用 2022-01-01
- Css:将嵌套元素定位在父元素边界之外一点 2022-09-07
- Flexslider 箭头未正确显示 2022-01-01
- 失败的 Canvas 360 jquery 插件 2022-01-01