论坛支持H5播放音频的方法

晴川

纯粹原创技术贴，禁止转载，若非要转载请注明晴川论坛 bbs.xcqc.net

本文是经过站长我摸索好几天，查阅网上无法教程，但没有一个可用，实在悲哀。经过夜不能寐，不思茶饭数日，终于解决手机浏览器利用H5播放MP3

第一步
\template\bigstyle\touch\static\dist-20160916112152　找到jsapp.js
不同的风格请按路径，总之找到jsapp.js
这里有一个下载附件的语句　

1. var m='<a href="'+c.url+c.attachment+'" style="color:#2366A8;text-decoration:underline;font-size:13px;">'+p+" ("+c.attachsize
   
2. 
   
3. +", 下载555: "+c.downloads+")</a>";

复制代码

给他替换掉，主要主是需要这里得到上传的MP3的真实路径而已，我们给这一句替换成H5的播放代码，引用这里的MP3真实路径：

1. var m='<audio src="'+c.url+c.attachment+'" width="290" height="40" controls="true" preload="true" autoplay="true"></audio>';

复制代码

这样改了，就能放了，手机浏览会有论坛引用的代码出来，第二步，给关掉就行了

第二步：\source\function 找到 function_discuzcode.php

1. if(strpos($msglower, '[/audio]') !== FALSE) {
   
2.                                 $message = preg_replace("/\[audio(=1)*\]\s*([^\[\<\r\n]+?)\s*\[\/audio\]/is", "[media]\\2[/media]", $message);

复制代码

给这里遇到手机浏览的翻译关掉

1. if(strpos($msglower, '[/audio]') !== FALSE) {
   
2.                                 $message = preg_replace("/\[audio(=1)*\]\s*([^\[\<\r\n]+?)\s*\[\/audio\]/is", "　", $message);

复制代码

这样就好了

不影响PC浏览，PC浏览仍然是原来程序引用Flash播放器　player.swf进行音频播放。只是手机浏览采用H5播放。