java awv音频播放界面_HTML audio 播放Base64音频流

此前在网上搜罗了很久，我都搜烦了，离成功最近的一次，就差几个字母，但是死活都不行。最后花了很多时间才找到正确的方法

这里有两种方式来播放音频流 ，你可以采用一种适合你的方式。

$.get("http://localhost:8080/getBase", function (data) {

document.getElementsByTagName("audio")[0].setAttribute("src", "data:audio/wav;base64,"+data);

});

在代码里要注意一下 src 中的字符串配置 "data:audio/wav;base64," 我在这里需要播放的是音频格式是mp3，按照原文详单中所写的应该更改为 "data:audio/x-mpeg;base64,"。但是我在更改后，并不能播放。当改成了 "data:audio/wav;base64," 或者 "data:audio/x-wav;base64," 这两种格式都可以播放，我也没有深入研究原因。

不过说来也奇怪，我在后台中用其他方式直接给audio写值，使用"data:audio/x-mpeg;base64,"格式却可以播放了 参考 https://blog.csdn.net/xxzblog/article/details/41312315

也许是我还没找到更好的方式

各种媒体数据以 base64 编码方式直接嵌入网页中的写法 阅读原文

以下方式都是原文中的内容，防止博主删除了我自己找不着了。

以下都是别人辛苦找的，所以我在这里还是建议大家去

png 图片:

wav 文件:

或:

更多格式:

123 application/vnd.lotus-1-2-3

3gp video/3gpp

aab application/x-authoware-bin

aam application/x-authoware-map

aas application/x-authoware-seg

ai application/postscript

aif audio/x-aiff

aifc audio/x-aiff

aiff audio/x-aiff

als audio/X-Alpha5

amc application/x-mpeg

ani application/octet-stream

asc text/plain

asd application/astound

asf video/x-ms-asf

asn application/astound

asp application/x-asap

asx video/x-ms-asf

au audio/basic

avb application/octet-stream

avi video/x-msvideo

awb audio/amr-wb

bcpio application/x-bcpio

bin application/octet-stream

bld application/bld

bld2 application/bld2

bmp application/x-MS-bmp

bpk application/octet-stream

bz2 application/x-bzip2

cal image/x-cals

ccn application/x-cnc

cco application/x-cocoa

cdf application/x-netcdf

cgi magnus-internal/cgi

chat application/x-chat

class application/octet-stream

clp application/x-msclip

cmx application/x-cmx

co application/x-cult3d-object

cod image/cis-cod

cpio application/x-cpio

cpt application/mac-compactpro

crd application/x-mscardfile

csh application/x-csh

csm chemical/x-csml

csml chemical/x-csml

css text/css

cur application/octet-stream

dcm x-lml/x-evm

dcr application/x-director

dcx image/x-dcx

dhtml text/html

dir a