Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[修改] 让你的Discuz支持HTML5音频播放(MP3、WAV)

[复制链接]
风吹着 发表于 2013-9-19 21:20:14 | 显示全部楼层 |阅读模式
本帖最后由 风吹着 于 2013-9-19 21:22 编辑

现在主流浏览器和手机浏览器都支持HTML5标签了,一旦我们的帖子插入了主流音频文件(MP3和WAV),现在版本的Discuz对在这些设备上很难兼容播放,如在IE6上能够播放,在苹果手机上就不能播放,最好的解决方法就是修改代码支持HTML5播放标签,例子:我的网站(火腿酒吧 HAM98.net)的一个帖子中含有一个MP3,无论你用什么浏览器,或者手机浏览器几乎都能够正常播放,不信你试试看,复制 下面的链接看效果:



http://ham98.net/forum.php?mod=viewthread&tid=27&extra=page%3D1

这里给出需要修改的代码,找到文件 \source\function\function_discuzcode.php ,搜索代码
  1. case 'mp3':
复制代码
将“case 'mp3':”下面的代码
  1. $randomid = 'mp3_'.random(3);
  2.                         return '<span id="'.$randomid.'"></span><script type="text/javascript" reload="1">$(\''.$randomid.'\').innerHTML=AC_FL_RunContent(\'FlashVars\', \'soundFile='.urlencode($url).'\', \'width\', \'290\', \'height\', \'24\', \'allowNetworking\', \'internal\', \'allowScriptAccess\', \'never\', \'src\', \''.STATICURL.'image/common/player.swf\', \'quality\', \'high\', \'bgcolor\', \'#FFFFFF\', \'menu\', \'false\', \'wmode\', \'transparent\', \'allowscriptaccess\', \'none\', \'allowNetworking\', \'internal\');</script>';
复制代码
替换为以下的代码
  1. if (strpos($_SERVER["HTTP_USER_AGENT"], "MSIE 6") || strpos($_SERVER["HTTP_USER_AGENT"], "MSIE 7") || strpos($_SERVER["HTTP_USER_AGENT"], "MSIE 8")) {//判别IE版本
  2.                                 $randomid = 'mp3_'.random(3);
  3.                                 return '<span id="'.$randomid.'"></span><script type="text/javascript" reload="1">$(\''.$randomid.'\').innerHTML=AC_FL_RunContent(\'FlashVars\', \'soundFile='.urlencode($url).'\', \'width\', \'290\', \'height\', \'24\', \'allowNetworking\', \'internal\', \'allowScriptAccess\', \'never\', \'src\', \''.STATICURL.'image/common/player.swf\', \'quality\', \'high\', \'bgcolor\', \'#FFFFFF\', \'menu\', \'false\', \'wmode\', \'transparent\', \'allowscriptaccess\', \'none\', \'allowNetworking\', \'internal\');</script>';
  4.                         }else {
  5.                                 return '<audio src="'.$url.'" controls="true" preload="true" autoplay="true"></audio>';
  6.                         }
复制代码
视频播放支持HTML5同理,按需解决!


非一般感觉 发表于 2013-9-19 22:06:00 | 显示全部楼层

前排支持     
回复

使用道具 举报

1314学习网 发表于 2013-9-19 23:12:01 | 显示全部楼层
前排支持下。。。
回复

使用道具 举报

潮宅男女 发表于 2013-9-19 23:29:43 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

蔡子纶 发表于 2013-9-20 02:20:48 | 显示全部楼层
帖子里的附件电脑能播放 手机不能 怎么办啊
回复

使用道具 举报

jkdzwq 发表于 2013-9-30 19:12:13 | 显示全部楼层
手机访问怎么播放论坛swf文件
回复

使用道具 举报

SSAY 发表于 2013-9-30 21:22:29 | 显示全部楼层
有些意思,值得收藏!
回复

使用道具 举报

91_91_91 发表于 2013-12-19 20:21:52 | 显示全部楼层
感谢,以成功。但最好代码里加一段ie9的支持哦
回复

使用道具 举报

Youareangel 发表于 2014-5-6 17:05:30 | 显示全部楼层
太NB了,这是个好东东。
--WWW.YOUAREANGEL.COM
回复

使用道具 举报

taoshaowen 发表于 2014-8-18 12:18:59 | 显示全部楼层
添加完了 手机上 还是显示 media 代码 不能正常解析呢 求解
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 11:40 , Processed in 0.029064 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表