例子：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>audio test</title>

    <style>

    </style>

</head>

<body>

<div class="container">

  <audio id="audio" controls="controls" ></audio>

</div>

 <script>

      var data="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a3Fy5dYGVA0DR7BoGsRA0+o8o9U/Lcs8RVPf+R538t//5Hb1+3/b6tHiXWGlTEFNRTMuOTkuNVVVVVVVVVVVVVVVVVVVVVVV//NIxGYSoLJRfghYEFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVMQU1FMy45OS41VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//NIxHwAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV";

      var audio= document.getElementById("audio");

	  audio.setAttribute("src", "data:audio/mp3;base64,"+data);

      audio.play();

</script>

</body>

</html>

　　

更多格式：

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 application/x-director

dll application/octet-stream

dmg application/octet-stream

dms application/octet-stream

doc application/msword

dot application/x-dot

dvi application/x-dvi

dwf drawing/x-dwf

dwg application/x-autocad

dxf application/x-autocad

dxr application/x-director

ebk application/x-expandedbook

emb chemical/x-embl-dl-nucleotide

embl chemical/x-embl-dl-nucleotide

eps application/postscript

eri image/x-eri

es audio/echospeech

esl audio/echospeech

etc application/x-earthtime

etx text/x-setext

evm x-lml/x-evm

evy application/x-envoy

exe application/octet-stream

fh4 image/x-freehand

fh5 image/x-freehand

fhc image/x-freehand

fif image/fif

fm application/x-maker

fpx image/x-fpx

fvi video/isivideo

gau chemical/x-gaussian-input

gca application/x-gca-compressed

gdb x-lml/x-gdb

gif image/gif

gps application/x-gps

gtar application/x-gtar

gz application/x-gzip

hdf application/x-hdf

hdm text/x-hdml

hdml text/x-hdml

hlp application/winhlp

hqx application/mac-binhex40

htm text/html

html text/html

hts text/html

ice x-conference/x-cooltalk

ico application/octet-stream

ief image/ief

ifm image/gif

ifs image/ifs

imy audio/melody

ins application/x-NET-Install

ips application/x-ipscript

ipx application/x-ipix

it audio/x-mod

itz audio/x-mod

ivr i-world/i-vrml

j2k image/j2k

jad text/vnd.sun.j2me.app-descriptor

jam application/x-jam

jar application/java-archive

jnlp application/x-java-jnlp-file

jpe image/jpeg

jpeg image/jpeg

jpg image/jpeg

jpz image/jpeg

js application/x-javascript

jwc application/jwc

kjx application/x-kjx

lak x-lml/x-lak

latex application/x-latex

lcc application/fastman

lcl application/x-digitalloca

lcr application/x-digitalloca

lgh application/lgh

lha application/octet-stream

lml x-lml/x-lml

lmlpack x-lml/x-lmlpack

lsf video/x-ms-asf

lsx video/x-ms-asf

lzh application/x-lzh

m13 application/x-msmediaview

m14 application/x-msmediaview

m15 audio/x-mod

m3u audio/x-mpegurl

m3url audio/x-mpegurl

ma1 audio/ma1

ma2 audio/ma2

ma3 audio/ma3

ma5 audio/ma5

man application/x-troff-man

map magnus-internal/imagemap

mbd application/mbedlet

mct application/x-mascot

mdb application/x-msaccess

mdz audio/x-mod

me application/x-troff-me

mel text/x-vmel

mi application/x-mif

mid audio/midi

midi audio/midi

mif application/x-mif

mil image/x-cals

mio audio/x-mio

mmf application/x-skt-lbs

mng video/x-mng

mny application/x-msmoney

moc application/x-mocha

mocha application/x-mocha

mod audio/x-mod

mof application/x-yumekara

mol chemical/x-mdl-molfile

mop chemical/x-mopac-input

mov video/quicktime

movie video/x-sgi-movie

mp2 audio/x-mpeg

mp3 audio/x-mpeg

mp4 video/mp4

mpc application/vnd.mpohun.certificate

mpe video/mpeg

mpeg video/mpeg

mpg video/mpeg

mpg4 video/mp4

mpga audio/mpeg

mpn application/vnd.mophun.application

mpp application/vnd.ms-project

mps application/x-mapserver

mrl text/x-mrml

mrm application/x-mrm

ms application/x-troff-ms

mts application/metastream

mtx application/metastream

mtz application/metastream

mzv application/metastream

nar application/zip

nbmp image/nbmp

nc application/x-netcdf

ndb x-lml/x-ndb

ndwn application/ndwn

nif application/x-nif

nmz application/x-scream

nokia-op-logo image/vnd.nok-oplogo-color

npx application/x-netfpx

nsnd audio/nsnd

nva application/x-neva1

oda application/oda

oom application/x-AtlasMate-Plugin

pac audio/x-pac

pae audio/x-epac

pan application/x-pan

pbm image/x-portable-bitmap

pcx image/x-pcx

pda image/x-pda

pdb chemical/x-pdb

pdf application/pdf

pfr application/font-tdpfr

pgm image/x-portable-graymap

pict image/x-pict

pm application/x-perl

pmd application/x-pmd

png image/png

pnm image/x-portable-anymap

pnz image/png

pot application/vnd.ms-powerpoint

ppm image/x-portable-pixmap

pps application/vnd.ms-powerpoint

ppt application/vnd.ms-powerpoint

pqf application/x-cprplayer

pqi application/cprplayer

prc application/x-prc

proxy application/x-ns-proxy-autoconfig

ps application/postscript

ptlk application/listenup

pub application/x-mspublisher

pvx video/x-pv-pvx

qcp audio/vnd.qcelp

qt video/quicktime

qti image/x-quicktime

qtif image/x-quicktime

r3t text/vnd.rn-realtext3d

ra audio/x-pn-realaudio

ram audio/x-pn-realaudio

rar application/x-rar-compressed

ras image/x-cmu-raster

rdf application/rdf+xml

rf image/vnd.rn-realflash

rgb image/x-rgb

rlf application/x-richlink

rm audio/x-pn-realaudio

rmf audio/x-rmf

rmm audio/x-pn-realaudio

rmvb audio/x-pn-realaudio

rnx application/vnd.rn-realplayer

roff application/x-troff

rp image/vnd.rn-realpix

rpm audio/x-pn-realaudio-plugin

rt text/vnd.rn-realtext

rte x-lml/x-gps

rtf application/rtf

rtg application/metastream

rtx text/richtext

rv video/vnd.rn-realvideo

rwc application/x-rogerwilco

s3m audio/x-mod

s3z audio/x-mod

sca application/x-supercard

scd application/x-msschedule

sdf application/e-score

sea application/x-stuffit

sgm text/x-sgml

sgml text/x-sgml

sh application/x-sh

shar application/x-shar

shtml magnus-internal/parsed-html

shw application/presentations

si6 image/si6

si7 image/vnd.stiwap.sis

si9 image/vnd.lgtwap.sis

sis application/vnd.symbian.install

sit application/x-stuffit

skd application/x-Koan

skm application/x-Koan

skp application/x-Koan

skt application/x-Koan

slc application/x-salsa

smd audio/x-smd

smi application/smil

smil application/smil

smp application/studiom

smz audio/x-smd

snd audio/basic

spc text/x-speech

spl application/futuresplash

spr application/x-sprite

sprite application/x-sprite

spt application/x-spt

src application/x-wais-source

stk application/hyperstudio

stm audio/x-mod

sv4cpio application/x-sv4cpio

sv4crc application/x-sv4crc

svf image/vnd

svg image/svg-xml

svh image/svh

svr x-world/x-svr

swf application/x-shockwave-flash

swfl application/x-shockwave-flash

t application/x-troff

tad application/octet-stream

talk text/x-speech

tar application/x-tar

taz application/x-tar

tbp application/x-timbuktu

tbt application/x-timbuktu

tcl application/x-tcl

tex application/x-tex

texi application/x-texinfo

texinfo application/x-texinfo

tgz application/x-tar

thm application/vnd.eri.thm

tif image/tiff

tiff image/tiff

tki application/x-tkined

tkined application/x-tkined

toc application/toc

toy image/toy

tr application/x-troff

trk x-lml/x-gps

trm application/x-msterminal

tsi audio/tsplayer

tsp application/dsptype

tsv text/tab-separated-values

tsv text/tab-separated-values

ttf application/octet-stream

ttz application/t-time

txt text/plain

ult audio/x-mod

ustar application/x-ustar

uu application/x-uuencode

uue application/x-uuencode

vcd application/x-cdlink

vcf text/x-vcard

vdo video/vdo

vib audio/vib

viv video/vivo

vivo video/vivo

vmd application/vocaltec-media-desc

vmf application/vocaltec-media-file

vmi application/x-dreamcast-vms-info

vms application/x-dreamcast-vms

vox audio/voxware

vqe audio/x-twinvq-plugin

vqf audio/x-twinvq

vql audio/x-twinvq

vre x-world/x-vream

vrml x-world/x-vrml

vrt x-world/x-vrt

vrw x-world/x-vream

vts workbook/formulaone

wav audio/x-wav

wax audio/x-ms-wax

wbmp image/vnd.wap.wbmp

web application/vnd.xara

wi image/wavelet

wis application/x-InstallShield

wm video/x-ms-wm

wma audio/x-ms-wma

wmd application/x-ms-wmd

wmf application/x-msmetafile

wml text/vnd.wap.wml

wmlc application/vnd.wap.wmlc

wmls text/vnd.wap.wmlscript

wmlsc application/vnd.wap.wmlscriptc

wmlscript text/vnd.wap.wmlscript

wmv audio/x-ms-wmv

wmx video/x-ms-wmx

wmz application/x-ms-wmz

wpng image/x-up-wpng

wpt x-lml/x-gps

wri application/x-mswrite

wrl x-world/x-vrml

wrz x-world/x-vrml

ws text/vnd.wap.wmlscript

wsc application/vnd.wap.wmlscriptc

wv video/wavelet

wvx video/x-ms-wvx

wxl application/x-wxl

x-gzip application/x-gzip

xar application/vnd.xara

xbm image/x-xbitmap

xdm application/x-xdma

xdma application/x-xdma

xdw application/vnd.fujixerox.docuworks

xht application/xhtml+xml

xhtm application/xhtml+xml

xhtml application/xhtml+xml

xla application/vnd.ms-excel

xlc application/vnd.ms-excel

xll application/x-excel

xlm application/vnd.ms-excel

xls application/vnd.ms-excel

xlt application/vnd.ms-excel

xlw application/vnd.ms-excel

xm audio/x-mod

xml text/xml

xmz audio/x-mod

xpi application/x-xpinstall

xpm image/x-xpixmap

xsit text/xml

xsl text/xml

xul text/xul

xwd image/x-xwindowdump

xyz chemical/x-pdb

yz1 application/x-yz1

z application/x-compress

zac application/x-zaurus-zac

zip application/zip

h5 页面播放base64编码的audio数据的更多相关文章

  1. Base64编码字符串时数据量明显变大

    那就是当把byte[]通过Convert.ToBase64String转换成Base64编码字符串时数据量明显变大 Base64编码的思想是是采用64个基本的ASCII码字符对数据进行重新编码.它将需 ...

  2. H5 页面如何展示大量的表格数据

    H5 页面如何展示大量的表格数据 列数过多 图表化 refs xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!

  3. H5 页面与小程序之间 传递数据

    H5 页面与小程序之间 传递数据 小程序里面的 H5页面与小程序之间怎么传递数据 webview与小程序之间的实时通信 webview主动发消息给小程序 webview可以利用jssdk提供的 wx. ...

  4. javascript将base64编码的图片数据转换为file并提交

    /** @param base64Codes 图片的base64编码 */ function sumitImageFile(base64Codes){ var form=document.forms[ ...

  5. (转载)javascript将base64编码的图片数据转换为file并提交

    /** * @param base64Codes * 图片的base64编码 */ function sumitImageFile(base64Codes){ var form=document.fo ...

  6. Android使用WebView加载H5页面播放视频音频，退出后还在播放问题解决

    Android中经常会使用到WebView来加载H5的页面,如果H5页面中有音频或者视频的播放时,还没播放完就退出界面,这个时候会发现音频或者视频还在后台播放,这就有点一脸懵逼了,下面是解决方案: 方 ...

  7. Java中处理接口返回base64编码的图片数据

    在做接口测试的时候,某些接口返回的content是一大段加密文字.这种情况下,有可能是返回的图片加密数据,需要将这些数据转换成图片进行保存查看. 例如: 这里,可以看到Content对应的键值开头有“ ...

  8. h5页面乱码-设置编码

    1.h5页面正常,重定向以后出现乱码,如图所示. 解决办法:重定向的时候 需要设置编码. 2.文件charset已经是utf-8,页面还是乱码,文件保存的格式也要是utf-8的哦

  9. Windows实现桌面录屏、指定窗口录制直播，低延时，H5页面播放

    接着前面记录的3种方式实现桌面推流直播: 1.Windows 11实现录屏直播,搭建Nginx的rtmp服务 的方式需要依赖与Flash插件,使用场景有限 2.Windows 11实现直播,VLC超简 ...

  10. 在H5页面播放m3u8音频文件

    需要使用hls插件 首先安装依赖npm install hls.js --save <audio ref="audio"></audio> import H ...

随机推荐

  1. base64编码图片二进制数据后直接保存在html文件中

    相关内容: 在markdown编辑器中嵌入base64图片 看到一个帖子,那就是base64编码用来http服务中对二进制文件编码,那么可以不可以直接在html文件中使用base64编码后的字符串来表 ...

  2. 如何在HarmonyOS Next中编译React-Native包

    一.创作背景 鸿蒙既出,万众瞩目.作为国内操作系统自力更生的代表,它承载着十四亿中国人民的强烈期望,系国家安全和国运于一身.就算抛开爱国情怀不谈,作为一名软件开发人员,偌大的就业市场,海量的翻身机会就 ...

  3. 题解：CF1537E2 Erase and Extend (Hard Version)

    CF1537E2 Erase and Extend 题解 分析 通过观察题目,可以证明结果一定是由多次前缀复制得来的. 题目要求你进行删和复制的操作,与其交替着操作,不如直接先删到最优的前缀再进行复制 ...

  4. Visual Studio 快速分析 .NET Dump 文件

    前言 在开发和维护 .NET 应用程序的过程中,有时会遇到难以捉摸的性能瓶颈或内存泄漏等问题.这些问题往往发生在生产环境中,难以复现.为了更准确地诊断这些运行时问题,通常会收集应用程序在生产环境中的内 ...

  5. 超实用的SpringAOP实战之日志记录

    本文主要以日志记录作为切入点,来讲解Spring AOP在实际项目开发中怎样更好的使项目业务代码更加简洁.开发更加高效. 日志处理只是AOP其中一种应用场景,当你掌握了这一种场景,对于其它应用场景也可 ...

  6. apt安装后需要移除的问题

    之前记录了 apt-get remove 的命令,现在了解到原来还有 apt-get purge 的命令 这个命令可以清除配置数据 看来我们要转变一下,将来尽量用这个purge 了不然又使用清除 au ...

  7. TypeScript名词解释系列：tsconfg中的target，module和moduleResolution

    tsconfg中的target,module和moduleResolution target 就是TypeScript文件编译后生成的javascript文件里的语法应该遵循哪个JavaScript的 ...

  8. zynq 按照传统的Linux开发模式制作系统

    参考资料 xilinx wiki: https://xilinx-wiki.atlassian.net/wiki/spaces/A/pages/460653138/Xilinx+Open+Source ...

  9. Python3之常用包汇总

    Python包网站: https://pypi.org/ 1. 繁体与简体转换(https://github.com/berniey/hanziconv.git) pip install hanzic ...

  10. 升级Linux内核版本

    ```shell# 查看内核版本,jw版本ceph默认format=2, 2.x 及之前的的内核版本需手动调整format=1# 4.x之前要关闭object-map fast-diff deep-f ...