使用 html5 中的 base64 数据播放音频-移动开发问题

Play audio using base64 data in html5(使用 html5 中的 base64 数据播放音频)

本文介绍了使用 html5 中的 base64 数据播放音频的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我创建了一个应用程序来使用本机 mediaPlayer 录制音频，将此音频文件转换为 base64 数据，并将其传递给 html5 音频标签，如下所示，

I have created one application to record audio using native mediaPlayer, converting this audio file into base64 data, passing this in html5 audio tag as below,

File file = new File(Environment.getExternalStorageDirectory()+"/"+ "audiofile"+"/"+"myAudio.mp3");
byte[] FileBytes =getBytesFromFile(file);
String base64 = Base64.encodeToString(FileBytes, Base64.NO_WRAP).toString();


public static byte[] getBytesFromFile(java.io.File file) throws IOException 
{
        InputStream is = new FileInputStream(file);
        long length = file.length();
        if (length > Integer.MAX_VALUE)
                         {

        }
        byte[] bytes = new byte[(int)length];
        int offset = 0;
        int numRead = 0;
        while (offset < bytes.length
               && (numRead=is.read(bytes, offset, bytes.length-offset)) >= 0) {
            offset += numRead;
        }
        if (offset < bytes.length) {
            throw new IOException("Could not completely read file "+file.getName());
        }
        is.close();
        return bytes;
}

将此 base64 值传递给网页(此处为 base64 数据示例)，

passing this base64 value to web page (example base64 data here),

<div id="audiodiv" >
<audio id="audio_player" src="ZGF0YTphdWRpby9tcDM7YmFzZTY0LEFBQUFHR1owZVhBelozQTBBQUFBQUdsemIyMHpaM0EwQUFBUlRHMWtZWFFFWXp6SDhHTUVPZi9nQUFBQUJEY1l4L0J0QkRQLzRBQUFBQVEyUE1md1p3UTEvK0FBQUFBRS94akg4RzBFTS8vZ0FBQUFCRFk4eC9CbkJEWC80QUFBQUFUL0dNZndiUVF6LytBQUFBQUVOanpIOEdjRU5mL2dBQUFBQlA4WXgvQnRCRFAvNEFBQUFBUTJQTWZ3WndRMS8rQUFBQUFFL3hqSDhHMEVNLy9nQUFBQUJEWTh4L0JuQkRYLzRBQUFBQVQvR01md2JRUXovK0FBQUFBRU5qekg4R2NFTmYvZ0FBQUFCUDhZeC9CdEJEUC80QUFBQUFRMlBNZndad1ExLytBQUFBQUUveGpIOEcwRU0vL2dBQUFBQkRZOHgvQm5CRFgvNEFBQUFBVC9HTWZ3YlFRei8rQUFBQUFFTmp6SDhHY0VOZi9nQUFBQUJQOFl4L0J0QkRQLzRBQUFBQVEyUE1md1p3UTEvK0FBQUFBRS94akg4RzBFTS8vZ0FBQUFCRFk4eC9CbkJEWC80QUFBQUFUL0dNZndiUVF6LytBQUFBQUVOanpIOEdjRU5mL2dBQUFBQlA4WXgvQnRCRFAvNEFBQUFBUTJQTWZ3WndRMS8rQUFBQUFFL3hqSDhHMEVNLy9nQUFBQUJEWTh4L0JuQkRYLzRBQUFBQVQvR01md2JRUXovK0FBQUFBRU5qekg4R2NFTmYvZ0FBQUFCUDhZeC9CdEJEUC80QUFBQUFTUENXc1BYclg1b3VFYmJBQUVOR3lpVTVYMnhaek5IajRpQkVJUlZ6T2RrNkVGL2hieXlnUWpRci9Jblpod0VPUzIwa1lFUEhQVWQ0eW8vdHFpQmlwa0JDTUt3YjJ0cUNxN3JuelZpQVE4UXVRNWpXamd4OGgwbWF3RU5JMnZzNDI3Y1kyVkdNaWdCRUp6a051TkxuR1pzQ0wyWEFTVzVzTThsRDNuYUlySUdCd0VvRUkzK1ljcDBMKzZrdEdrQkk1eiszMDZNVDRkbm9qd2ZnUThjK1lKbERwMk5CeHgySklFUE9hb09iTE1zYkRQRjBCV0JJNFJZRG1BdVZkZHRRWjZ5Z1NXRWJ3b2plaEI4S2RHZ1pBRVBFS2d5bzFQVVU0RklRS29CS0F6OWlpTktwSE1NYkFDSEFTUGM0OW8zUWZPZTExOVBMQUVOQXJaODQzWDRSdCs4RWFvQk5aekdkaWR6MUdXeG9JakFnVDQ1cThJa0wyR0JvRGtEUllFRzQycVBKMkdQb1pkRWFGdUJKYm1SQWlDd1hwVUtBSnFwQVNPYTZySXJhdmEzMHNIUXJvRWx1YkRnNDA3UUFRNHVKTEtCQkFSdnZxdGRIc045T3IwUUFROFFvckprV2tKbGlLaytXZ0VsbXUzeXBIY1dZOENtZUhXQkR6d3JEaUVZckZkdU42bWNnU081cWx6MGtQWmo0MFVqUVFFbG16ajZjSW1PQXh6YjMrYUJKRnpzY2ltcE1aWWRsMDJJQVE4Q290NmdsbEkrY3dJTkhJRWtoa29PSUY5NlNZaTdHNmVCSlltYnhtTnR0RTZXd3Vrc2dSVkNxTTRqWE94dER6SUxkNEVQUERBRERqRk1JWjErQitZQkNNbWxBbU51OEJtV0pwNERnUk9HbXdkaXVSaEJ5emU5Mm9FYWlXVlB0aENNN2VkZlAxMEJKRUhYcjNBVHlSSjdoQXJXQVRaS2lzOGhZWkxGb3RXUVZBRTJYTTRHSTFKOE1MVitrSzJCSTVzUE95ZEJyRVBPTWJpTEFROFFrdk1raEVWbmc1RUxsd0VUblBpektwWS9rc1ZUVEhTQkZ0Q0x6aWRzakhCblVuckRBU0dDcmNJbXNDdU5VRWRzQUFFSTBJc2VKYXhCdnVLeEdWNEJJOUNLT2s3TmRnYzdVV0NyQVFRTXgrc01uMEZYUnJFTzdJRTJSQ1Uzb2pBZHc2SGJreWNCQkFSOHVtOFRhdFRpMFZ2N0FUekNUUTdobVVHSzRHSXBtd0VQRE9XT0xPT3Z6MXV6dHlpQkU0VW5NeUt1RWcrMlNwRTdnVDRZcVA4aTJrMWx1am1hSklFamlhMFBzZ0RUVW5UWXc2NEJNd0trUDZLTzE5SS9nQ0FLQVJDS2k4c2lNRXR4S3h0RGZJRVZmNDMzTVNGdTRaYXc5ckFCQjZ5UURpR0tPYXRrUXpZQkFSVmJPYU11SHRYdk9qSGFqZ0VqeW8wL0ZyWkNMRHRDbkFrQkU0UlB6dVVxR09aMkp4Z0hBUThRdlk3dzBzYXE3RWVHa0FFVG1iakE4UkU4K2FhQUxURUJLRHdZem00UkhBR0tpN09OQVNPQ2ZlOGpLQWtHOWtDMi9BRVFoRmhXSUpQUlhQUGp6WFVCRHhDMHVHVVg4ZlpMRE9QV0FSSENWeXBobGwza045TjNYNEVVaFJ2dzhzaC9QT1Fxd215QkI0UllVcUtXUzV3UkRycitBU1dDb3VKaEV6M2dpd09PellFUERSbHlWWTl0dHdXUnpjU0JEeHN3QW1XZ3lhdWt6eVJTZ1JDU2JjSWlORVJ3bDF5ZG00RWx1Ym4wNEF6ZXl4aGQvbGNCSzBxWE9pSXdNYzg5VEZIeGdRUU15ekpqR1lTeW95OUFJZ0VqOXcwR0lnTG9UL250NEFRQkZRUk5JdkdqcFlDWXpZZlNBVFpzaXM4UE5nQkEwSjllSUFFajBMek9MTXN1a1Q1VWVodUJQTkpqMG1Lb1UrRFFxSmpwQVJVUXFENGdxMzZuNkliM2ZRRTJYTTJDSmJGTnIrdFl1ajBCT2R6cUFpTlVNREhYV2tZbEFTR2plajQyaTR1UHExZHJCZ0VWUEFwdzQ1RzR5aGdDTlRzQk13ZTk3eWRURjMzcHlQaEhBVFRtNGRvbUVuc29Eb2dLcVlFam5NdjJGakxvZU1zRG9KU0JDUDJwVHZRMlZxNk43NVhrQVNQYzdzamlPVGRuZ1ZzZFpvRUVQWllqSTVsRWhJQ1VRWFFCSTdtVUh5c0pBc25pYnFDMmdTZ0J6SjRpdkh1aHNBdFovWUVQQnE0eUliUEozamhwVlhLQkR4ejdZbUtXbCtMbXdzcDZBVHpiQzlMMUE0bXlldG1uTm9FVkhOQTJLTkdpbVU4WXFaS0JPZWNJN0xwVy9lTmx1a3l4Z1RaYXp6NGdtaFVOTjBHWlNvRTh4QWpPWXBVZWQyNE1PNkdCSTZOSjdtNGdoV3J3N1dBdkFROFF0d3pqUkx3NjY0NmhOSUVqcDc4YUo0dHFWUEpVbDRpQkZSekx0czQ0dEhOVUREMk9nU09jelVLclNhQWE0amVnOFFFMmNBcXpoYjQ5cGpnQ3FHbUJJNEpObXlaU1NhclRnaGtWZ1E4YUxzSXZORmVMd2w3Z25nRUVQRG55dDRhT05JNk1OU0FCT2NSS2xnNXZ1ZkhXS3NIUkFTMWRDKzZvR0VLekhRaHNtZ0U1NXc3MlphbWx5OU1UenlnQkxVSlI4cW14ZVphMElXVlpnVG5uRVc2aG5KWE1vMWZKcGdFODNNdTg4TVdxcSt6aytCRUJGU2NLL3JOR21FMExhRUFiQVRuY3ppWXVrSk91T1VSWUhJRWprb25lZEFONGRHekJ3VldCUFBjK1BtRllTUEZvbEtjSEFUekVUajZqRngxQnpXME42NEU1L3BFK29xeExoKzRobVorQlBNUk8rZ2E5dTdwUVlRdklnVG5jMERyaENnbk90akxLNVFFMlJFM0s0MWVnVHR1WVNaNkJJOXNvdm1KenljN1ZtTmZaQVJPUTBnN3lua2dNN1VNK0JZRW9MMUkrejIrVUk1RWx0SVNCRlVaVVQ2SGJpY0J5ZUc0b0FST091TThtMzJwYU0zaEdKNEVXMG84ZjR6czVjK0x6Smh3QkpWNE1SeU9VMS9mdklNdFpnU1NpdVA0bm4yUGhYUElRQUlFUXVaTGpZeEdCNkF5V0RjZ0JGTWc1NG1aWWs4SWRHODliZ1NIUTFyb2xSTEFRc2QyQVp3RVBDYXl5Y2xYNXRreTJ1SWFCRHpwLzd5TlhKSGZPdXR1cmdTUDhMRkp6QlcxbFVPbHFRd0VWRGVvZDYybzVZOXE5Y1dNQkk4S3VEbTlRT1ViOGVNM3pnUlVFR1dLakxWRTNpSWhlTndFVGlDM09NVVN4ZkVzMlNJd0JJOUM3SWpaQ1U4cVFGS1h5Z1E4YkVISWpXV1I2UG4wRVZRRWoyeFF5TGxON256UEszWW1CSTRLdHptT1pZK2hvMTBXN0FSVUZEakptVzJpMjE1NjJCSUVRcnJvUGM1VE5DZllENzJHQkI3blVJeTlqeVN0UEFXWTVnVFRmRVdxbmV4RTdGMHR6akFFVk1KSE9yN0hKUnl0RUc5K0JOa1VVTWlaWnY0Zk55T1NVZ1NPSjBUOGljekhSRjFFWEdRRVcvQlB5SVMrNTZoZ3c0QjBCSTRSUU1pSVRFRGZ2YUNEUWdRZTVjRHBrQ0hHZWozdUY4WUVBaDVFK1oyNWtGdVJZTStlQkk4WFhZaWRTT1N4ZmYrd2pBVG4vRFBNckFIbkxmQlc0RFlFMDJCQjdha2xRMDdaWktjQUJMVmdSZHQxRmhBTC95V0FVQVJVbkQvNXVSTU96Z1duYUNBRVFzRHppbzBjY1Y0YVd6QklCS0RUbC9tZFdhQTJFSUFvUEFROFg5ellpSzdtRjAxQi9jUUVvR3lvQ1paRjloL0RRNXhNQkR4SzIraVpjVCtqRUl6RXNnUmI4SE04alRRdndmRGYzRUlFUEwzd09JTkVSdWt4NW1LQ0JGUmY0UGkrdjY4eHNZTG55Z1R6NVRON3ZJSVYwOFVCRHB3RTV6YzdpN21DRDNsdlNQM0dCT2Z3U0szT0ZHOVVReHdZYWdUelFrVDQzQWtsQ3J4Sm12Z0U1L0JDNlpnUmFNczhjNG5pQk9jcVIzcXMzUFFDU25zWk1BVG5uRWw3cGl3WGtjcUV0d0lFdFJFLzJuZU44U09GRFUxNkJPZDBTTnVxR0gvWVV0ZzVqQVNWRDBMS3ZiMDE2anpQNGZ3RTAyRktiYVpJRHRjV09VaFNCTk9RU25uZFo3U0E2ZkVGdkFUVFljckdXZURpVmxPMkMwWUUweXBZUEhrOW9pWGNBcmpzQkZSelZMT0lXdERQdTBSd0ZBU2c1bXdJcUhCZGsrNjNCQVFFVzNObVNZbDRwcEJsdERSYUJBTXo5UGhkTklDL2ZYS3ZJZ1JiOE5RSWpVWEJKaGhwRnNJRXJRbW5zWW1yN2psODRnblFCTFZBTC91ZFYzR1AxcFdWZ0FSVS9FQlpuZGN2bkZrRGdTUUU1NURFcTZBZEpTajVaSldZQk5OMFJkdXRrZy96U2hFZjNnVG4vRXM5ZFlCQStEektJMW9FNS94TWZheG9kem14Y0g5S0JPZHpVSnU1Z1M4cXgwTGxnZ1RubkVwOW9BZ1d4emNFZXd3RTV3bEpPcm9aanprd2JrNEdCT2RnUm5xNFRuVk14bXgwS2dUemMwemxxcGV2TWV4Sk1aQUVXeXIxT1kwZDRFbmtzNG5nQkk4UnNzUElGdVY0aDlBVE9BU2dzemwvSHZoZDBiS2ovbHdFNStVL3liMnhaVFlZZUpvU0JGUVFQOXFqbzFhOHAwSW5kZ1RuRUVxbmtQa25US1N0S280RTU1eExXNk9LRmpRS0lra01CT2NKVU1XN1IvNmZ4a0hvamdUbm5GQ2F3S0ducDExSkQ5SUU1OXhSV3FrY3RyckhYQ0Q2QkxXY1RhbWlCWVZ4VzdBSEdBVG5jMDlwUGVlZzVEKzdZWm9FODV4RHpWbmZCc2ZhT21zNEJOazZVY2kxOVRGRkJCRThwZ1RuQ1U4TXFSUWZsclpKZVpZRUh1VlE2WjFqMUlTVHlJMkFCRlJ6UnB1cGVpKy9YdDJwN2dUVDhFNmNvQUZtc1NhM3BONEU4OXhPcTdCTWR1cHBENkR5Qk9md1QzbXBrWTVVVGlJT1NBVG5DVkdEaG5QbjY1ZG5OZHdFNTV4TytqMzJVTWFvRzBtU0JPY1JVRGVibUUraGNpSU15QVJVNjA3S09MV2duc2VGckN3RWorYjd4Wm1YSnJSZ3h4eGdCRnZ3UHp5TndvRFU4SG1ZSEFSVjQrVFBOVFgyejB5aEZFb0VIdHc3ZWFPdVo4bGtsRmdlQlBNVFRNWHBFT1B3TWNwMm1BU1Z3VVQ5cVd5SDhrUXdrOUFFMlJGT3lhNTFub3RYaDlNQ0JKV2NTNnVLeG42TWpNTmx3Z1JVYTA5dE9leDNJOXBmQnhJRWorVlUzWlpJRjZLRkVwYzJCSTRSLzhpTlB6RHRwY0wxYWdSQ2MxUmNqV1RnN1p5V0FRWUVWUUJlMmR1WWtJSGxPdG5PQkZSelY0NkpOWmRRZGtJVUJnUWVDRVQ5bVZOV0haYkhCNWdFSHR6SnJOQUpadW9wUEhDZUJKWGNUZTJyRmk4Q09qZ0hnZ1RaU1ZOSnM0Q3EzMEVQZ2h3RWprTDErSjBHZ1BtbmxpR0VCRnRKVFl3NmRYNmlOd21FUUFROGk0eXA3RzZUc3lwSG1Fb0VqalM4K04wSnVBck1GUEp3QktZSVNkMjVCcGRrQlVFckNBVG5tMGN6bHViSHV0Q0s0YjRFdFFsTHZha0lKb1o5bmNVUUJQT2NTOHFXYVpiWlZocWc4QVNXSi9vcXZVNFVkSmxRQVRnRWx1WTlQc3N0bEtGTjRITGdCSTVyVHptS1diL0hHeDcyMkFSVko4dk1pbUt1L0piQUNob0VqeEhKSFljZ0VlQkhaY0s2Qk5tTk8vbUc1MmVFNzI3bS9nUWVTVVM5a2g5RkxENUs0ZW9FanB4RFBEaS9GYVJQRVFxS0JGdHJXSG1KZHFhLzhRejViZ1FyTUx2dHR0VUVVYTN4bUNJRXErc3J2SzFKNjdYNXBiVE9CQjVoVk5sNXEyY3ZYbjJ3RWdUbjhGSzlmaFlaU0ZBUWdEQUV0WlJRL0RPOVdtakg0Q3VPQk9lY1UzZlNBUVJ6OWdVcDNnVHpjMU5xeUswV0pZZDV3Nm9FVldaUEc4MW5POGdsZ2ZTb0JJOG1wSGlFOUtwaEtKYUhXZ1NnRjZ2SngyVkIva2d0VWdnRUVDZmN1SmpSWnhmcmtQQmlCRVZzNEhPWG4xd0ZlMmVJdkFUNFFsZzV0N0lSWXo5RzZNd0UwMEpFdmJlTmNSMUhJbStpQlBnblVNeUtiVmpjVXBFSS9nUThjMmlzaUdTd0RSWXNsTlFFUE9ZZmhZbE01ZzZpQ1pIT0JJOFJjM2l0TDdHTTZ5SU5LQVJiYyticFBiVUE5T2lUVnlBRUFOVTR5UHhmRmpzRUpmTzhCT2Q4SVBtZG5EUSs1ZG1Da0FTVk5EcjlubTJlZ2E1REJVNEV0UTlNdmEwY0pjelFCM3lFQlBNUlZKbzgrclhaSEJMN1pnUzEzRnc2bE1KM0ZPY1RhZVFFOHhGYVJka3FwckQvZnByc0JGUjBZRGlkR1VBREI2YmUzZ1JVTTFYMXpaRFJuT2w0bWlJRVBQQlhlamk0a1JQRklYdHNCSTV6S0NXbCtOUVVaV0FmVGdSQ0NUajVpSzBGK2UyVVd2NEVQSE1ueUpSQWgvUmdVSnZ3QkVJUiswamRBWUd3ZnlkcDVnU1BRbGJJUGVDQmVMUTRLeUlFb0NyMHk0YWhCblJDc3owc0JJOEtpTldkRzVHN3dicFFBQVE4Q1ZQdE9Db2hRRHR6RUl3RXJVS2dPVHd5UkhpdkdaZ1dCUGdSUjR1SXpsRmhzZ3lmM2dSQ2M0WklOTEQybW5CUEVVd0VUaEZmT0YxK1lTcXhRN2c2QUFBQ01XMXZiM1lBQUFCc2JYWm9aQUFBQUFCUWY4VU1VSC9GREFBQUErZ0FBQnFRQUFFQUFBRUFBQUFBQUFBQUFBQUFBQUFCQUFBQUFBQUFBQUFBQUFBQUFBQUFBUUFBQUFBQUFBQUFBQUFBQUFBQVFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUlBQUFHbGRISmhhd0FBQUZ4MGEyaGtBQUFBQjFCL3hReFFmOFVNQUFBQUFRQUFBQUFBQUJxUUFBQUFBQUFBQUFBQUFBQUFBUUFBQUFBQkFBQUFBQUFBQUFBQUFBQUFBQUFBQVFBQUFBQUFBQUFBQUFBQUFBQUFRQUFBQUFBQUFBQUFBQUFBQUFBQlFXMWthV0VBQUFBZ2JXUm9aQUFBQUFCUWY4VU1VSC9GREFBQUgwQUFBTlNBQUFBQUFBQUFBQ3hvWkd4eUFBQUFBQUFBQUFCemIzVnVBQUFBQUFBQUFBQUFBQUFBVTI5MWJtUklZVzVrYkdVQUFBQUE3VzFwYm1ZQUFBQVFjMjFvWkFBQUFBQUFBQUFBQUFBQUpHUnBibVlBQUFBY1pISmxaZ0FBQUFBQUFBQUJBQUFBREhWeWJDQUFBQUFCQUFBQXNYTjBZbXdBQUFCRmMzUnpaQUFBQUFBQUFBQUJBQUFBTlhOaGJYSUFBQUFBQUFBQUFRQUFBQUFBQUFBQUFBRUFFQUFBQUFBZlFBQUFBQUFBRVdSaGJYSWdJQ0FBQUlQL0FBRUFBQUFnYzNSMGN3QUFBQUFBQUFBQ0FBQUFBUUFBQUtBQUFBRlRBQUFBb0FBQUFCUnpkSE42QUFBQUFBQUFBQTBBQUFGVUFBQUFISE4wYzJNQUFBQUFBQUFBQVFBQUFBRUFBQUZVQUFBQUFRQUFBQlJ6ZEdOdkFBQUFBQUFBQUFFQUFBQWdBQUFBR0hWa2RHRUFBQUFRVTBSTVRsTkZVVjlRVEVGWg=="  controls="controls" autobuffer="autobuffer">
</audio>
</div>

但是没有播放音频.你能告诉我我做错了什么吗?

But audio is not playing. Could you please tell me what mistake i did?

注意:myAudio.mp3 是存储在 sdcard 中的录音文件

Note: myAudio.mp3 is the recorded audio file that is stored in sdcard

推荐答案

请试试下面的代码..

检查android支持的音频编解码器..

check with android supported audio codec..

http://developer.android.com/guide/appendix/media-格式.html

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<audio controls="controls" autobuffer="autobuffer" autoplay="autoplay">
    <source src="ZGF0YTphdWRpby93YXY7YmFzZTY0LFVrbEdSaHdNQUFCWFFWWkZabTEwSUJBQUFBQUJBQUVBZ0Q0QUFJQStBQUFCQUFnQVpHRjBZYTRMQUFDQWdJQ0FnSUNBZ0lDQWdJQ0FnSUNBZ0lDQWdJQ0FnSUNBZjNoeGVIK0FmWFoxZUh4NmRuUjVmWUdGZ29PS2k0MmFsb3VicTZHT2pJMk9wN3l0aFhKMGVZRjVhVjFBT0ZGaWIzMkhtWlNIaHBDYWxJaVlpNFNSa1phTGZuaHhhV3B0YjIxcWFXQmVhMkJSWW1aVFZtRmdXRk5YVlZWaGFHZGJZR2haYlhoMWdYWjFnb2VJbG90MWs2eXh0S2FPa2FXaHE3S29uS0Nab2FDam9LV3VxcW11cks2enRyTzd0YlRBdnJ1L3ZiNjh2Ylc2dkxHcXNMT2ZtNXlhbDVLS2hveUJlSHQyZFhCbmJtbGpWbEpXVUVCQlBEdzlNaTR6S1J3aElCWWFHUlFjSEJVUkdCMFhGeHdoR3hvY0pTc3RNamc2UFRjNlBVeFZWMWxXVjJKcWFYTjBjb0NIaEl5UGpwT2VucVdwcEs2eHU3Mnl4TXU5dXM3UHc4M1d5OW5ZMjl2ZTZPUHI2dXZzNmV6dTZlams2ZXJtM3VQajNkYlQxc2pCemRERnVNSEF0N20xcjdXNnFhQ3VwSk9Ua3BXUGdIcUFkM0pyYkdsblkxcGVYMWhUVWs5UFRGUktSMFJGUWtSQlJVVkVRa2RCUGpzOVB6bzZOVDA0TmpzK1BUeEFQem8vT2prNlBFQTVQVUpBUUQwNFBrUkNSRVpMVWsxS1QxQlJVVmRYVTFWUlYxdFpWMXhnWGx0Y1hGOWhYbDllWTJWbVptbG5hM0owYjNGM2VIeUJmWCtKZ0lXSmlvdVRsWkNUbXB5Ym5xU2ducXlycXJPM3NySzJ1TDIvdTdqQXdNTEZ4c2ZFdjhYTHpjckl5ODNKemNyUDBzM00wZFRQMGRyWTFkUFIxZHpjMTl6YTE5WFgyZG5VMU5qVTBkWFB6ZEhReThyTXlzZkd4TUxCdkx1M3RhK3NyYWVpb0oyWWxJK01pb2VGZlg1NWNuSnNhV1ZqWFZsYlZFNVJUa3RIUlVWQVBEdzNOQzh1THlrbktTSWlKaVVkSGlFZUd4NGVIUndaSEI4Y0hpQWZIaDhlSFNFaElTTW9KeU1uS2lzckxDc3pOeTh5T1RnOVFFSkZSVVZJVFZGT1RsSlZXbHRhWG1OZlgyWnFaMjF4YjNSM2VIcUFob2VKa1pLVGxabWhwSjZrcUtldXI2eXh0TFcxdHJXNHQ2K3VzN2F4cmJLMnRMYTZ1cnk3dTd1OXU3dkN3YisvdnI3RXY3eTl2OEc4dmJ5NnZydTR1THErdHJpOHViaTV0N1c0dUxXNXVMS3hzN0cwdExHd3Q3V3ZzN2F2cjdPMHRMVzR0clM0dUxPMXRyVzF0cm0xdExtMHI3S3lyNjZ3cmFtc3FhS2xwNTJibXBlV2w1S1FrSW1FaElCOGZYaDNlSEpyYlc1bVlHTmNXRmhVVUUxTFJFTkRRVUk5T0RjeEx5OHZNQ3NxTENnb0tDZ3BLU2NvS0NZb0t5Z3BLeXNzTGkwc0xpMHVNREl3TVRJdUx6UTBOamc0TmpjOE9EbEJRMEEvUlVkR1NVNVJVVkZVVjFwZFhXRmpaR2RwYkcxdmNYSjJlWGg2ZklDQWdJV0lpbzJPa0pHU2xKV2FuSnFibloyY242S2twNmVucTYyc3JiQ3lzck8xdUx5NHVMKy92TDdDd01IQXZiL0N2YnE5dkxtNXViYTJ0N1N5c3ErdXJxeXFxYWFscHFTaG9KK2VuWnVhbVpxWGxaV1RrcEdTa3BDTmpwQ01pb3FMaW9pSGhvZUdoWVNHZzRHRGhvS0RnNEdCZzRHQmdvR0Jnb09DaElTQ2hJU0NoSVdEZzRXRWdvU0VnWU9EZ1lHQ2dZR0FnSUNBZ1g5OWYzOThmWDE4ZTNwNmUzdDdlbnA3Zkh4NGUzeDZlM3g3Zkh4OWZYNTlmbjErZlgxOWZIMTlmbng5Zm4xOWZYMThmSHg3Zkh4NmZIMThmWHg4Zkh4N2ZIMStmWHgrZjMxOWZuMTlmbjErZ0g5K2Y0Qi9mbitBZ0lDQWdIK0FnSUNBZ0lHQWdJQ0FnSDkrZjRCK2YzNStmbjU4ZTN0OGUzcDVlWGg0ZDNaMWRIUnpjWEJ2YjIxc2JteHFhV2hsWm1WalltRmZYMkJmWFYxY1hGeGFXVmxhV1ZsWVYxaFlWMWhZV1ZoWldGbGFXbGxiWEZwYlhWNWZYMTVmWVdKaFltTmlZV0poWVdKalpHVm1aMmhxYkcxdWIzRnhjM1YzZG5kNmUzdDhlM3grZjMrQWdJQ0Fnb0dCZ29LRGhJU0ZoNGFIaVlxS2k0dU1qWXlPajQrUWtaS1VsWldYbUptYm01MmVucUNpb3FTbHBxZW9xYXFycksydXI3Q3hzckd5czdPMHRiVzJ0YmEzdDdpM3VMZTR0N2EzdDdpM3RyZTJ0YmExdExTenNyS3lzYkN2cnEyc3E2cW9wNmFsbzZPaW9KK2RuSnFabUplV2xKS1NrSStPam95TGlvaUloNFdFZzRHQmdIOStmWHQ2ZVhoM2QzVjBjM0p4Y0c5dWJXeHNhbXBwYVdoblptVmxaR1JqWW1OaVlXQmhZR0JmWUY5ZlhsNWZYbDFkWFZ4ZFhGMWRYRjFjWEYxY1hGMWRYVjVkWFY1ZlhsOWVYMTlnWUdGZ1lXSmhZbUZpWTJOaVkyUmpaR05rWldSbFpHVm1abVZtWm1WbVoyZG1aMmhuYUdobmFHbG9aMmhwYVdocGFtbHFhV3BxYTJwcmEyeHRiR3h0Ym0xdWJtNXZjRzl3Y1hCeGNuRnljbk4wYzNOMGRYVjJkM2Q0ZUhoNWVudDZlM3g5Zm41L2Y0Q0FnSUdDZzRTRWhZYUdoNGlJaVlxTGk0dU1qWTJPajVDUWtaR1NrNU9VbEpXV2xwZVlsNWlabVpxYm01eWJuSjJjblo2ZW41NmZuNkNob0tDaG9xR2lvNktqcEtPa282U2pwS1drcGFTa3BLU2xwS1drcGFTbHBLU2xwS09rcEtPa282S2lvYUtob2FDZm9KK2VucDJkbkp5Ym1wbVptSmVYbHBXVWs1U1RrWkdRajQrT2pZeUxpb3FKaDRlR2hZU0Vnb0tCZ0lCL2ZuNTlmSHQ3ZW5sNWVIZDNkbloxZEhSemMzSnljWEJ4Y0c5dmJtNXRiV3hyYkd4cmFXcHBhV2hwYUdkbloyZG1aMlpsWm1WbVpXUmxaR1ZrWTJSalpHTmtaR1JrWkdSa1pHUmtaR1JqWkdSa1kyUmpaR05rWldSbFpHVm1aV1ptWjJabloyZG9hV2hwYVdwcmEyeHNiVzV0Ym05dWIyOXdjWEZ5Y25OemRIVjFkWFoyZDNkNGVYbDZlbnA3Zkh4OWZYNStmNENBZ0lHQWdZR0Nnb09FaElTRmhvV0dob2VJaDRpSmlJbUtpWXFMaW91TGpJMk1qSTJPalk2UGo0NlBrSStRa1pDUmtKR1FrWkdTa1pLUmtwR1NrWkdSa1pLUmtwS1JrcEdTa1pLUmtwR1NrWktSa3BHU2taQ1JrWkNSa0krUWo1Q1BrSStQam8rT2pZNk5qbzJNall5TGpJdU1pNHFMaW9xSmlvbUppSW1JaDRpSGg0YUhob2FGaG9XRmhJV0VnNFNEZzRLRGdvS0Jnb0dBZ1lDQmdJQ0FnSUNBZjRDQWYzOStmMzUvZm4xK2ZYNTlmSHg5ZkgxOGUzeDdmSHQ2ZTNwN2VudDZlM3A1ZW5sNmVubDZlWHA1ZVhsNGVYaDVlSGw0ZVhoNWVIbDRlWGg1ZUhoM2VIaDRkM2g0ZDNoM2QzaDRkM2w0ZUhkNGQzaDNlSGQ0ZDNoM2VIaDRlWGg1ZUhsNGVIbDRlWGg1ZW5sNmVYcDVlbmw2ZVhwNWVudDZlbnQ2ZTN4N2ZIeDlmSDE4ZlgxOWZuMStmWDUvZm45K2Y0Qi9nSCtBZjRDQWdJQ0FnSUdBZ1lDQmdvR0NnWUtDZ29LRGdvT0VnNE9FZzRTRmhJV0VoWVNGaG9XR2hZYUhob2VIaG9lR2g0aUhpSWlIaUltSWlJbUtpWXFKaVlxSmlvdUtpNHFMaW91S2k0cUxpb3VLaTRxTGlvdUtpNHFMaTRxTGlvdUtpNHFMaW9tSmlvbUlpWWlKaUltSWg0aUloNGlIaG9lR2hZV0doWWFGaElXRWc0T0VnNEtEZ29PQ2dZS0JnSUdBZ0lDQWdIK0FmMzkrZjM1OWZuMThmWDE5Zkh4OGUzdDZlM3A3ZW5sNmVYcDVlbmw2ZW5sNWVYaDVlSGg1ZUhsNGVYaDVlSGw0ZUhkNWVIZDNlSGw0ZDNoM2VIZDRkM2gzZUhoNGQzaDRkM2gzZDNoNWVIbDRlWGg1ZUhsNWVYcDVlbmw2ZVhwN2VudDZlM3A3ZTN0N2ZIdDhlM3g4Zkh4OWZIMStmWDU5Zm45K2YzNS9nSCtBZ0lDQWdJQ0FnWUdBZ1lLQmdvR0Nnb0tEZ29PRWc0U0VoSVdGaElXRmhvV0doWWFHaG9hSGhvZUdoNGFIaG9lSWg0aUhpSWVIaUllSWg0aUhpSWVJaUlpSGlJZUloNGlIaUlpSGlJZUloNGlIaUllSWg0ZUloNGVJaDRhSGg0YUhob2VHaDRhSGhvV0doWWFGaG9XRmhJV0VoWVNGaElXRWhJU0RoSU9FZzRPQ2c0T0NnNEtEZ1lLQ2dZS0NnWUNCZ0lHQWdZQ0JnSUNBZ0lDQWdJQ0FmNEIvZjRCL2dIK0FmMzUvZm45K2YzNS9mbjErZm4xOWZuMStmWDU5Zm4xOWZYMTlmSDE4Zlh4OWZIMThmWHg5ZkgxOGZYeDhmSHQ4ZTN4N2ZIdDhlM3g3Zkh0OGUzeDdmSHQ4ZTN4N2ZIdDhlM3g3Zkh0OGUzeDhlM3g3Zkh0OGUzeDdmSHg4Zlh4OWZIMThmWDUrZlg1OWZuOStmMzUrZjM1L2dIK0FmNEIvZ0lDQWdJQ0FnSUNBZ0lDQWdZQ0JnSUdBZ0lHQWdZR0Jnb0dDZ1lLQmdvR0NnWUtCZ29HQ2dvS0Rnb09DZzRLRGdvT0NnNEtEZ29PQ2c0S0Rnb09DZzRLRGdvT0NnNEtEZ29PQ2c0S0Rnb09DZzRLRGdvT0NnNEtEZ29PQ2c0S0Rnb09DZzRLQ2dvR0NnWUtCZ29HQ2dZS0Jnb0dDZ1lLQmdvR0NnWUtCZ29HQ2dZS0Jnb0dDZ1lLQmdvR0NnWUtCZ29HQmdZQ0JnSUdBZ1lDQmdJR0FnWUNCZ0lHQWdZQ0JnSUdBZ1lDQmdJR0FnWUNBZ0lDQmdJR0FnWUNCZ0lHQWdZQ0JnSUdBZ1lDQmdFeEpVMVJDQUFBQVNVNUdUMGxEVWtRTUFBQUFNakF3T0Mwd09TMHlNUUFBU1VWT1J3TUFBQUFnQUFBQlNWTkdWQllBQUFCVGIyNTVJRk52ZFc1a0lFWnZjbWRsSURndU1BQUE=" />
</audio>

</body>
</html>

这篇关于使用 html5 中的 base64 数据播放音频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！