新闻详情

新闻详情

首页 / 资讯中心 / 详情

搞定MP3/FLV/WMV跨浏览器播放终极方案

发布时间:2026/10/2 2:25:39来源:尧图网络
搞定MP3/FLV/WMV跨浏览器播放终极方案
当前手头正在负责的一个项目任务要求能够播放mp3格式以及FLV与WMV格式的文件, 在网上查阅了大量相关资料后注意到绝大多数教程都是依赖于调用系统自带的播放器程序, 并且在实际操作中发现很多方法并不能够成功地实现正常调用。经过个人持续不断地进行调试工作以及对相关细节的深入摸索探讨, 终于解决了这一系列出现的问题, 最后呈现出来的效果表现还算相当令人感到比较满意~1、mp3音频文件的播放在一般情况下, 本应该调用系统自己提供的播放器。但是, 从代码的简洁性以及为了最大程度实现兼容性的角度出发, 我选择了使用提供的网页多媒体播放器。这个播放器其实只是一个Flash文件。如果读者朋友们不希望编写多余的额外代码, 那么可以直接调用该播放器的功能。其中, .mp3代表的是MP3文件的地址。不过考虑到需要访问的网站的性能以及稳定性等因素, 所以我决定将SWF文件直接下载到本地并放置于项目里面。接着在项目中直接用相对地址的方法来对其进行访问。最后所使用的代码如下:我使用JS编写了一个方法, 通过调用它来简化代码, 这样方便重复使用。值得注意的地方是, 这个播放器不仅可以播放mp3音频文件, 还能够播放flv视频文件。想要实现功能的话, 只需把参数名进行修改就可以了, 即。播放mp3音频文件, 其内容等同于.mp3。播放Flv视频文件 .flv如果你想让页面在加载完成之后自动播放视频或者音频内容, 那么只需要在当前的网址链接后面追加一个等于true的参数就可以了。2、flv尽管该播放器在运行功能上是可行的, 但是它的外观样式、控制按钮以及加载时的图片等关键部分似乎都无法进行个性化设置, 因此我决定转而使用另外一款名为Flv的播放器, 其访问地址已经在上下文中给出, 其中包含了相关的操作文档,具体的使用方法可以参考这些文档, 我自己实际使用的调用方式如下所示:3、wmv播放wmv视频文件, 这确实是我花费时间最长的一个环节。因为在IE浏览器下面, 其实是非常简单的, 随便在网上找一段调用系统内置播放器的代码, 就可以轻松搞定了。但是我考虑到想要实现兼容各个浏览器的效果, 所以就不断地尝试, 又不断地进行测试。后来我发现了一件非常让人匪夷所思的事情, 那就是在浏览器下面, 如果想要调用系统中自带的媒体播放器, 那么当页面加载完成之后, 只会显示一个空白的边框里面什么都没有什么都看不到。但是如果我们把这样子的播放器放在一个隐藏状态的div容器里面, 然后再让系统进行加载操作, 等到加载完成之后再把那个div给显示出来, 那么就可以非常正常地播放这个文件了, 以下是主要的JS代码。这就只是非常平常地调用了系统里自带的媒体播放器嘛, 这事情本身没什么特殊的, 至于在页面上用来写的调用代码, 具体情况是这样的:把那个页面加载的事情做完了之后呢, 再把那个叫做div的那玩意展示出来。虽然调用系统自带的播放器存在某些局限性, 但是这起码已经实现在了多数系统里面都能正常播放的功能。4、flash这就根本没有什么必要再说其他的了, 咱们就干脆利落地直接把那段代码给贴出来。另外, 上面提到的代码都是在项目实际用过的, 都可以正常跑起来并且显示出相应的样子。本人的操作系统版本以及所用浏览器的大致情况说明在这里。该系统的操作环境, 其对应的数字标识为七。您所使用的浏览器版本, 具体来说, 是 IE 8.0.1068.0。3.0.11
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

基于YOLOv8的健身动作指导系统:从姿态估计到评分部署全流程 2026/10/2 3:31:00

基于YOLOv8的健身动作指导系统:从姿态估计到评分部署全流程

简介:这份资源是面向计算机、人工智能、自动化等专业学生与教师的YOLOv8健身动作指导系统完整项目包,可作为毕业设计、课程设计或大作业的参考方案,解决从模型训练到可视化演示的全流程落地问题。压缩包共97个文件,约24.21MB&…

阅读更多 →
Python空气污染数据可视化大作业:从数据清洗到报告答辩全流程 2026/10/2 3:31:00

Python空气污染数据可视化大作业:从数据清洗到报告答辩全流程

简介:这份资源是面向高校学生与Python初学者的数据分析可视化课程设计完整方案,以空气污染数据为分析对象,涵盖数据清洗、统计分析与交互式可视化全流程,适合用作期末大作业、课程设计或数据分析入门练手项目。压缩包共288个文件&…

阅读更多 →
MySQL InnoDB redo日志:从崩溃恢复到性能调优的实战指南 2026/10/2 3:31:00

MySQL InnoDB redo日志:从崩溃恢复到性能调优的实战指南

几年前我第一次被分到数据库运维岗,带我的师傅上来就扔给我一句话:“你去把MySQL的redo日志搞清楚,搞不懂它,你以后排障就是瞎猜。”当时我还不服气,后来真正遇到一次机房断电,几百个业务库重启后全靠redo日…

阅读更多 →
基于YOLOv8的健身动作指导系统:从姿态估计到部署避坑 2026/10/2 3:31:00

基于YOLOv8的健身动作指导系统:从姿态估计到部署避坑

简介:这份资源是面向计算机、人工智能、自动化等专业学生与教师的YOLOv8健身动作指导系统完整项目包,可作为毕业设计、课程设计或大作业的参考方案,帮助解决目标检测落地与可视化展示的问题。压缩包共97个文件,约24.21MB&#xff…

阅读更多 →
VMware Fusion跨系统复制粘贴失效?手动安装VMware Tools完整教程 2026/10/2 3:31:00

VMware Fusion跨系统复制粘贴失效?手动安装VMware Tools完整教程

开头一直是这么个场景:Mac上装了VMware Fusion,Windows虚拟机也跑得很顺,结果想把宿主机里一个文件拖进虚拟机,鼠标拖过去了,窗口里却什么都没发生;从虚拟机里复制一段报错信息想贴回Mac,粘贴出…

阅读更多 →
微信小程序语音识别全链路实战:从录音到文字,PCM转换与讯飞接口对接 2026/10/2 3:30:54

微信小程序语音识别全链路实战:从录音到文字,PCM转换与讯飞接口对接

简介:这份资源面向微信小程序开发者,提供一套对接科大讯飞语音识别能力的完整集成方案,重点解决音频上传、语音提取、PCM格式转换与实时语音转文字等环节的落地问题,适合具备一定小程序开发基础、希望快速为应用添加语音交互功能的…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉