美文网首页前端
HTML audio 播放Base64音频流

HTML audio 播放Base64音频流

作者: 夹板儿孩 | 来源:发表于2019-10-01 00:10 被阅读0次

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

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

    <!-- 两种方式都是直接播放流 -->
    <audio controls="controls" ></audio><!-- 第一种方式,通过ajax去后台获取文件流, 需要我们拼接获取的流,然后放入audio播放 -->
    <audio src="http://localhost:8080/getBase2" controls="controls"></audio><!-- 第二种方式则是提供一个地址给audio去后台获取流,无需前端代码操作 -->
    <!-- 以上都是我瞎掰的,我也不是很懂。懂的大神可以评论一下代我解释。但代码都能跑 -->
    <script src="js/jquery-1.8.3.min.js"></script>
    <script>
        $.get("http://localhost:8080/getBase", function (data) {
            document.getElementsByTagName("audio")[0].setAttribute("src", "data:audio/wav;base64,"+data);
        });
    </script>
    

    点我看Java后端代码

    在代码里要注意一下 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 图片:

    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"/>
    

    wav 文件:

    <audio controls="controls" autobuffer="autobuffer" autoplay="autoplay"> 
        <source src="data:audio/wav;base64,UklGRhwMAABXQVZFZm10IBAAAAABAAEAgD4AAIA+AAABAAgAZGF0Ya4LAACAgICAgICAgICAgICAgICAgICAgICAgICAf3hxeH+AfXZ1eHx6dnR5fYGFgoOKi42aloubq6GOjI2Op7ythXJ0eYF5aV1AOFFib32HmZSHhpCalIiYi4SRkZaLfnhxaWptb21qaWBea2BRYmZTVmFgWFNXVVVhaGdbYGhZbXh1gXZ1goeIlot1k6yxtKaOkaWhq7KonKCZoaCjoKWuqqmurK6ztrO7tbTAvru/vb68vbW6vLGqsLOfm5yal5KKhoyBeHt2dXBnbmljVlJWUEBBPDw9Mi4zKRwhIBYaGRQcHBURGB0XFxwhGxocJSstMjg6PTc6PUxVV1lWV2JqaXN0coCHhIyPjpOenqWppK6xu72yxMu9us7Pw83Wy9nY29ve6OPr6uvs6ezu6ejk6erm3uPj3dbT1sjBzdDFuMHAt7m1r7W6qaCupJOTkpWPgHqAd3JrbGlnY1peX1hTUk9PTFRKR0RFQkRBRUVEQkdBPjs9Pzo6NT04Njs+PTxAPzo/Ojk6PEA5PUJAQD04PkRCREZLUk1KT1BRUVdXU1VRV1tZV1xgXltcXF9hXl9eY2VmZmlna3J0b3F3eHyBfX+JgIWJiouTlZCTmpybnqSgnqyrqrO3srK2uL2/u7jAwMLFxsfEv8XLzcrIy83JzcrP0s3M0dTP0drY1dPR1dzc19za19XX2dnU1NjU0dXPzdHQy8rMysfGxMLBvLu3ta+sraeioJ2YlI+MioeFfX55cnJsaWVjXVlbVE5RTktHRUVAPDw3NC8uLyknKSIiJiUdHiEeGx4eHRwZHB8cHiAfHh8eHSEhISMoJyMnKisrLCszNy8yOTg9QEJFRUVITVFOTlJVWltaXmNfX2ZqZ21xb3R3eHqAhoeJkZKTlZmhpJ6kqKeur6yxtLW1trW4t6+us7axrbK2tLa6ury7u7u9u7vCwb+/vr7Ev7y9v8G8vby6vru4uLq+tri8ubi5t7W4uLW5uLKxs7G0tLGwt7Wvs7avr7O0tLW4trS4uLO1trW1trm1tLm0r7Kyr66wramsqaKlp52bmpeWl5KQkImEhIB8fXh3eHJrbW5mYGNcWFhUUE1LRENDQUI9ODcxLy8vMCsqLCgoKCgpKScoKCYoKygpKyssLi0sLi0uMDIwMTIuLzQ0Njg4Njc8ODlBQ0A/RUdGSU5RUVFUV1pdXWFjZGdpbG1vcXJ2eXh6fICAgIWIio2OkJGSlJWanJqbnZ2cn6Kkp6enq62srbCysrO1uLy4uL+/vL7CwMHAvb/Cvbq9vLm5uba2t7Sysq+urqyqqaalpqShoJ+enZuamZqXlZWTkpGSkpCNjpCMioqLioiHhoeGhYSGg4GDhoKDg4GBg4GBgoGBgoOChISChISChIWDg4WEgoSEgYODgYGCgYGAgICAgX99f398fX18e3p6e3t7enp7fHx4e3x6e3x7fHx9fX59fn1+fX19fH19fnx9fn19fX18fHx7fHx6fH18fXx8fHx7fH1+fXx+f319fn19fn1+gH9+f4B/fn+AgICAgH+AgICAgIGAgICAgH9+f4B+f35+fn58e3t8e3p5eXh4d3Z1dHRzcXBvb21sbmxqaWhlZmVjYmFfX2BfXV1cXFxaWVlaWVlYV1hYV1hYWVhZWFlaWllbXFpbXV5fX15fYWJhYmNiYWJhYWJjZGVmZ2hqbG1ub3Fxc3V3dnd6e3t8e3x+f3+AgICAgoGBgoKDhISFh4aHiYqKi4uMjYyOj4+QkZKUlZWXmJmbm52enqCioqSlpqeoqaqrrK2ur7CxsrGys7O0tbW2tba3t7i3uLe4t7a3t7i3tre2tba1tLSzsrKysbCvrq2sq6qop6alo6OioJ+dnJqZmJeWlJKSkI+OjoyLioiIh4WEg4GBgH9+fXt6eXh3d3V0c3JxcG9ubWxsamppaWhnZmVlZGRjYmNiYWBhYGBfYF9fXl5fXl1dXVxdXF1dXF1cXF1cXF1dXV5dXV5fXl9eX19gYGFgYWJhYmFiY2NiY2RjZGNkZWRlZGVmZmVmZmVmZ2dmZ2hnaGhnaGloZ2hpaWhpamlqaWpqa2pra2xtbGxtbm1ubm5vcG9wcXBxcnFycnN0c3N0dXV2d3d4eHh5ent6e3x9fn5/f4CAgIGCg4SEhYaGh4iIiYqLi4uMjY2Oj5CQkZGSk5OUlJWWlpeYl5iZmZqbm5ybnJ2cnZ6en56fn6ChoKChoqGio6KjpKOko6SjpKWkpaSkpKSlpKWkpaSlpKSlpKOkpKOko6KioaKhoaCfoJ+enp2dnJybmpmZmJeXlpWUk5STkZGQj4+OjYyLioqJh4eGhYSEgoKBgIB/fn59fHt7enl5eHd3dnZ1dHRzc3JycXBxcG9vbm5tbWxrbGxraWppaWhpaGdnZ2dmZ2ZlZmVmZWRlZGVkY2RjZGNkZGRkZGRkZGRkZGRjZGRkY2RjZGNkZWRlZGVmZWZmZ2ZnZ2doaWhpaWpra2xsbW5tbm9ub29wcXFycnNzdHV1dXZ2d3d4eXl6enp7fHx9fX5+f4CAgIGAgYGCgoOEhISFhoWGhoeIh4iJiImKiYqLiouLjI2MjI2OjY6Pj46PkI+QkZCRkJGQkZGSkZKRkpGSkZGRkZKRkpKRkpGSkZKRkpGSkZKRkpGSkZCRkZCRkI+Qj5CPkI+Pjo+OjY6Njo2MjYyLjIuMi4qLioqJiomJiImIh4iHh4aHhoaFhoWFhIWEg4SDg4KDgoKBgoGAgYCBgICAgICAf4CAf39+f35/fn1+fX59fHx9fH18e3x7fHt6e3p7ent6e3p5enl6enl6eXp5eXl4eXh5eHl4eXh5eHl4eXh5eHh3eHh4d3h4d3h3d3h4d3l4eHd4d3h3eHd4d3h3eHh4eXh5eHl4eHl4eXh5enl6eXp5enl6eXp5ent6ent6e3x7fHx9fH18fX19fn1+fX5/fn9+f4B/gH+Af4CAgICAgIGAgYCBgoGCgYKCgoKDgoOEg4OEg4SFhIWEhYSFhoWGhYaHhoeHhoeGh4iHiIiHiImIiImKiYqJiYqJiouKi4qLiouKi4qLiouKi4qLiouKi4qLi4qLiouKi4qLiomJiomIiYiJiImIh4iIh4iHhoeGhYWGhYaFhIWEg4OEg4KDgoOCgYKBgIGAgICAgH+Af39+f359fn18fX19fHx8e3t6e3p7enl6eXp5enl6enl5eXh5eHh5eHl4eXh5eHl4eHd5eHd3eHl4d3h3eHd4d3h3eHh4d3h4d3h3d3h5eHl4eXh5eHl5eXp5enl6eXp7ent6e3p7e3t7fHt8e3x8fHx9fH1+fX59fn9+f35/gH+AgICAgICAgYGAgYKBgoGCgoKDgoOEg4SEhIWFhIWFhoWGhYaGhoaHhoeGh4aHhoeIh4iHiIeHiIeIh4iHiIeIiIiHiIeIh4iHiIiHiIeIh4iHiIeIh4eIh4eIh4aHh4aHhoeGh4aHhoWGhYaFhoWFhIWEhYSFhIWEhISDhIOEg4OCg4OCg4KDgYKCgYKCgYCBgIGAgYCBgICAgICAgICAf4B/f4B/gH+Af35/fn9+f35/fn1+fn19fn1+fX59fn19fX19fH18fXx9fH18fXx9fH18fXx8fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x7fHt8e3x8e3x7fHt8e3x7fHx8fXx9fH18fX5+fX59fn9+f35+f35/gH+Af4B/gICAgICAgICAgICAgYCBgIGAgIGAgYGBgoGCgYKBgoGCgYKBgoGCgoKDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KDgoOCg4KCgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGCgYKBgoGBgYCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCAgICBgIGAgYCBgIGAgYCBgIGAgYCBgExJU1RCAAAASU5GT0lDUkQMAAAAMjAwOC0wOS0yMQAASUVORwMAAAAgAAABSVNGVBYAAABTb255IFNvdW5kIEZvcmdlIDguMAAA" /> 
    </audio> 
    或:
    <audio src="data:audio/x-wav;base64,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" autoplay />
    

    更多格式:
    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
    阅读原文

    相关文章

      网友评论

        本文标题:HTML audio 播放Base64音频流

        本文链接:https://www.haomeiwen.com/subject/bizhpctx.html