各種媒體資料以 base64 編碼方式直接嵌入網頁中的寫法

<br />png 圖片:<br />
<br />wav 檔案:<br /><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"></source></audio> </p><p>或:<br /></audio>

更多格式:

123application/vnd.lotus-1-2-33gpvideo/3gppaabapplication/x-authoware-binaamapplication/x-authoware-mapaasapplication/x-authoware-segaiapplication/postscriptaifaudio/x-aiffaifcaudio/x-aiffaiffaudio/x-aiffalsaudio/X-Alpha5amcapplication/x-mpeganiapplication/octet-streamasctext/plainasdapplication/astoundasfvideo/x-ms-asfasnapplication/astoundaspapplication/x-asapasxvideo/x-ms-asfauaudio/basicavbapplication/octet-streamavivideo/x-msvideoawbaudio/amr-wbbcpioapplication/x-bcpiobinapplication/octet-streambldapplication/bldbld2application/bld2bmpapplication/x-MS-bmpbpkapplication/octet-streambz2application/x-bzip2calimage/x-calsccnapplication/x-cncccoapplication/x-cocoacdfapplication/x-netcdfcgimagnus-internal/cgichatapplication/x-chatclassapplication/octet-streamclpapplication/x-msclipcmxapplication/x-cmxcoapplication/x-cult3d-objectcodimage/cis-codcpioapplication/x-cpiocptapplication/mac-compactprocrdapplication/x-mscardfilecshapplication/x-cshcsmchemical/x-csmlcsmlchemical/x-csmlcsstext/csscurapplication/octet-streamdcmx-lml/x-evmdcrapplication/x-directordcximage/x-dcxdhtmltext/htmldirapplication/x-directordllapplication/octet-streamdmgapplication/octet-streamdmsapplication/octet-streamdocapplication/msworddotapplication/x-dotdviapplication/x-dvidwfdrawing/x-dwfdwgapplication/x-autocaddxfapplication/x-autocaddxrapplication/x-directorebkapplication/x-expandedbookembchemical/x-embl-dl-nucleotideemblchemical/x-embl-dl-nucleotideepsapplication/postscripteriimage/x-eriesaudio/echospeecheslaudio/echospeechetcapplication/x-earthtimeetxtext/x-setextevmx-lml/x-evmevyapplication/x-envoyexeapplication/octet-streamfh4image/x-freehandfh5image/x-freehandfhcimage/x-freehandfifimage/fiffmapplication/x-makerfpximage/x-fpxfvivideo/isivideogauchemical/x-gaussian-inputgcaapplication/x-gca-compressedgdbx-lml/x-gdbgifimage/gifgpsapplication/x-gpsgtarapplication/x-gtargzapplication/x-gziphdfapplication/x-hdfhdmtext/x-hdmlhdmltext/x-hdmlhlpapplication/winhlphqxapplication/mac-binhex40htmtext/htmlhtmltext/htmlhtstext/htmlicex-conference/x-cooltalkicoapplication/octet-streamiefimage/iefifmimage/gififsimage/ifsimyaudio/melodyinsapplication/x-NET-Installipsapplication/x-ipscriptipxapplication/x-ipixitaudio/x-moditzaudio/x-modivri-world/i-vrmlj2kimage/j2kjadtext/vnd.sun.j2me.app-descriptorjamapplication/x-jamjarapplication/java-archivejnlpapplication/x-java-jnlp-filejpeimage/jpegjpegimage/jpegjpgimage/jpegjpzimage/jpegjsapplication/x-javascriptjwcapplication/jwckjxapplication/x-kjxlakx-lml/x-laklatexapplication/x-latexlccapplication/fastmanlclapplication/x-digitallocalcrapplication/x-digitallocalghapplication/lghlhaapplication/octet-streamlmlx-lml/x-lmllmlpackx-lml/x-lmlpacklsfvideo/x-ms-asflsxvideo/x-ms-asflzhapplication/x-lzhm13application/x-msmediaviewm14application/x-msmediaviewm15audio/x-modm3uaudio/x-mpegurlm3urlaudio/x-mpegurlma1audio/ma1ma2audio/ma2ma3audio/ma3ma5audio/ma5manapplication/x-troff-manmapmagnus-internal/imagemapmbdapplication/mbedletmctapplication/x-mascotmdbapplication/x-msaccessmdzaudio/x-modmeapplication/x-troff-memeltext/x-vmelmiapplication/x-mifmidaudio/midimidiaudio/midimifapplication/x-mifmilimage/x-calsmioaudio/x-miommfapplication/x-skt-lbsmngvideo/x-mngmnyapplication/x-msmoneymocapplication/x-mochamochaapplication/x-mochamodaudio/x-modmofapplication/x-yumekaramolchemical/x-mdl-molfilemopchemical/x-mopac-inputmovvideo/quicktimemovievideo/x-sgi-moviemp2audio/x-mpegmp3audio/x-mpegmp4video/mp4mpcapplication/vnd.mpohun.certificatempevideo/mpegmpegvideo/mpegmpgvideo/mpegmpg4video/mp4mpgaaudio/mpegmpnapplication/vnd.mophun.applicationmppapplication/vnd.ms-projectmpsapplication/x-mapservermrltext/x-mrmlmrmapplication/x-mrmmsapplication/x-troff-msmtsapplication/metastreammtxapplication/metastreammtzapplication/metastreammzvapplication/metastreamnarapplication/zipnbmpimage/nbmpncapplication/x-netcdfndbx-lml/x-ndbndwnapplication/ndwnnifapplication/x-nifnmzapplication/x-screamnokia-op-logoimage/vnd.nok-oplogo-colornpxapplication/x-netfpxnsndaudio/nsndnvaapplication/x-neva1odaapplication/odaoomapplication/x-AtlasMate-Pluginpacaudio/x-pacpaeaudio/x-epacpanapplication/x-panpbmimage/x-portable-bitmappcximage/x-pcxpdaimage/x-pdapdbchemical/x-pdbpdfapplication/pdfpfrapplication/font-tdpfrpgmimage/x-portable-graymappictimage/x-pictpmapplication/x-perlpmdapplication/x-pmdpngimage/pngpnmimage/x-portable-anymappnzimage/pngpotapplication/vnd.ms-powerpointppmimage/x-portable-pixmapppsapplication/vnd.ms-powerpointpptapplication/vnd.ms-powerpointpqfapplication/x-cprplayerpqiapplication/cprplayerprcapplication/x-prcproxyapplication/x-ns-proxy-autoconfigpsapplication/postscriptptlkapplication/listenuppubapplication/x-mspublisherpvxvideo/x-pv-pvxqcpaudio/vnd.qcelpqtvideo/quicktimeqtiimage/x-quicktimeqtifimage/x-quicktimer3ttext/vnd.rn-realtext3draaudio/x-pn-realaudioramaudio/x-pn-realaudiorarapplication/x-rar-compressedrasimage/x-cmu-rasterrdfapplication/rdf+xmlrfimage/vnd.rn-realflashrgbimage/x-rgbrlfapplication/x-richlinkrmaudio/x-pn-realaudiormfaudio/x-rmfrmmaudio/x-pn-realaudiormvbaudio/x-pn-realaudiornxapplication/vnd.rn-realplayerroffapplication/x-troffrpimage/vnd.rn-realpixrpmaudio/x-pn-realaudio-pluginrttext/vnd.rn-realtextrtex-lml/x-gpsrtfapplication/rtfrtgapplication/metastreamrtxtext/richtextrvvideo/vnd.rn-realvideorwcapplication/x-rogerwilcos3maudio/x-mods3zaudio/x-modscaapplication/x-supercardscdapplication/x-msschedulesdfapplication/e-scoreseaapplication/x-stuffitsgmtext/x-sgmlsgmltext/x-sgmlshapplication/x-shsharapplication/x-sharshtmlmagnus-internal/parsed-htmlshwapplication/presentationssi6image/si6si7image/vnd.stiwap.sissi9image/vnd.lgtwap.sissisapplication/vnd.symbian.installsitapplication/x-stuffitskdapplication/x-Koanskmapplication/x-Koanskpapplication/x-Koansktapplication/x-Koanslcapplication/x-salsasmdaudio/x-smdsmiapplication/smilsmilapplication/smilsmpapplication/studiomsmzaudio/x-smdsndaudio/basicspctext/x-speechsplapplication/futuresplashsprapplication/x-spritespriteapplication/x-spritesptapplication/x-sptsrcapplication/x-wais-sourcestkapplication/hyperstudiostmaudio/x-modsv4cpioapplication/x-sv4cpiosv4crcapplication/x-sv4crcsvfimage/vndsvgimage/svg-xmlsvhimage/svhsvrx-world/x-svrswfapplication/x-shockwave-flashswflapplication/x-shockwave-flashtapplication/x-trofftadapplication/octet-streamtalktext/x-speechtarapplication/x-tartazapplication/x-tartbpapplication/x-timbuktutbtapplication/x-timbuktutclapplication/x-tcltexapplication/x-textexiapplication/x-texinfotexinfoapplication/x-texinfotgzapplication/x-tarthmapplication/vnd.eri.thmtifimage/tifftiffimage/tifftkiapplication/x-tkinedtkinedapplication/x-tkinedtocapplication/toctoyimage/toytrapplication/x-trofftrkx-lml/x-gpstrmapplication/x-msterminaltsiaudio/tsplayertspapplication/dsptypetsvtext/tab-separated-valuestsvtext/tab-separated-valuesttfapplication/octet-streamttzapplication/t-timetxttext/plainultaudio/x-modustarapplication/x-ustaruuapplication/x-uuencodeuueapplication/x-uuencodevcdapplication/x-cdlinkvcftext/x-vcardvdovideo/vdovibaudio/vibvivvideo/vivovivovideo/vivovmdapplication/vocaltec-media-descvmfapplication/vocaltec-media-filevmiapplication/x-dreamcast-vms-infovmsapplication/x-dreamcast-vmsvoxaudio/voxwarevqeaudio/x-twinvq-pluginvqfaudio/x-twinvqvqlaudio/x-twinvqvrex-world/x-vreamvrmlx-world/x-vrmlvrtx-world/x-vrtvrwx-world/x-vreamvtsworkbook/formulaonewavaudio/x-wavwaxaudio/x-ms-waxwbmpimage/vnd.wap.wbmpwebapplication/vnd.xarawiimage/waveletwisapplication/x-InstallShieldwmvideo/x-ms-wmwmaaudio/x-ms-wmawmdapplication/x-ms-wmdwmfapplication/x-msmetafilewmltext/vnd.wap.wmlwmlcapplication/vnd.wap.wmlcwmlstext/vnd.wap.wmlscriptwmlscapplication/vnd.wap.wmlscriptcwmlscripttext/vnd.wap.wmlscriptwmvaudio/x-ms-wmvwmxvideo/x-ms-wmxwmzapplication/x-ms-wmzwpngimage/x-up-wpngwptx-lml/x-gpswriapplication/x-mswritewrlx-world/x-vrmlwrzx-world/x-vrmlwstext/vnd.wap.wmlscriptwscapplication/vnd.wap.wmlscriptcwvvideo/waveletwvxvideo/x-ms-wvxwxlapplication/x-wxlx-gzipapplication/x-gzipxarapplication/vnd.xaraxbmimage/x-xbitmapxdmapplication/x-xdmaxdmaapplication/x-xdmaxdwapplication/vnd.fujixerox.docuworksxhtapplication/xhtml+xmlxhtmapplication/xhtml+xmlxhtmlapplication/xhtml+xmlxlaapplication/vnd.ms-excelxlcapplication/vnd.ms-excelxllapplication/x-excelxlmapplication/vnd.ms-excelxlsapplication/vnd.ms-excelxltapplication/vnd.ms-excelxlwapplication/vnd.ms-excelxmaudio/x-modxmltext/xmlxmzaudio/x-modxpiapplication/x-xpinstallxpmimage/x-xpixmapxsittext/xmlxsltext/xmlxultext/xulxwdimage/x-xwindowdumpxyzchemical/x-pdbyz1application/x-yz1zapplication/x-compresszacapplication/x-zaurus-zaczipapplication/zip

一個線上轉換: http://www.greywyvern.com/code/php/binary2base64