Play audio file from string in 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 = "data:audio/mp3;base64,..."; //This is a base64 encoded string of an MP3 file
window.beep = function() {
audio.play();
}
显然,更好的做法是改为提供音频源的URL,因为这是Audio API的预期用途。
这篇关于在JavaScript中播放字符串中的音频文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:在JavaScript中播放字符串中的音频文件
基础教程推荐
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
