设为首页收藏本站关注微信<<< 抵制 IE6 人人有责 >>>
搜索
热搜: 活动 交友 discuz
查看: 2305|回复: 1
打印 上一主题 下一主题

[Html5] 让你的Discuz支持HTML5音频播放(MP3、WAV,flv)

[复制链接]
跳转到指定楼层
楼主
发表于 2018-1-18 10:57:22 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

现在主流浏览器和手机浏览器都支持HTML5标签了,一旦我们的帖子插入了主流音频文件(MP3和WAV),现在版本的Discuz对在这些设备上很难兼容播放,如在IE6上能够播放,在苹果手机上就不能播放,最好的解决方法就是修改代码支持HTML5播放标签,例子:我的网站的一个帖子中含有一个MP3,无论你用什么浏览器几乎都能够正常播放,不信你试试看,复制 下面的链接看效果:
http://bbs.kevin-ying.com/forum.php?mod=viewthread&tid=1512
这里给出需要修改的代码,找到文件 \source\function\function_discuzcode.php ,搜索代码

[HTML] 纯文本查看 复制代码
case 'mp3':




将“case 'mp3':”下面的代码
[PHP] 纯文本查看 复制代码
$randomid = 'mp3_'.random(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>';




替换成:
[PHP] 纯文本查看 复制代码
if (strpos($_SERVER["HTTP_USER_AGENT"], "MSIE 6") || strpos($_SERVER["HTTP_USER_AGENT"], "MSIE 7") || strpos($_SERVER["HTTP_USER_AGENT"], "MSIE 8")) {//判别IE版本
                                $randomid = 'mp3_'.random(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>';
                        }else {
                                return '<audio src="'.$url.'" controls="true" preload="true" autoplay="true"></audio>';
                        }




嗯,完成以上步骤就可以使用Html播放MP3了


视频播放支持HTML5同理,按需解决!


下面是介绍flv的播放,有点那个啥,还需要一些源码,所以回复后即可看到:

游客,如果您要查看本帖隐藏内容请回复




上述的文件下载:
游客,如果您要查看本帖隐藏内容请回复




完成后就可以在论坛播放视频了






分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享淘帖
回复

使用道具 举报

沙发
 楼主| 发表于 2018-1-18 11:01:57 | 只看该作者
忘记备注了:
下载的文件放在你论坛根目录的 template  文件夹内即可
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|手机版|Archiver|源于生活(个人生活娱乐工作的笔记)css3,html5,学习笔记    

GMT+8, 2024-11-23 16:39 , Processed in 0.078000 second(s), 22 queries .

Powered by Mr.Kevin-ying

© 2004-2015

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