Anonim

戴夫(Dave)播客。 我(丰富)进行播客。 两者完全不同。

Dave进行流式传输的方式是通过Flash播放器,这就是绝大多数播客的工作方式。 您会看到Flash播放器,然后在下面是一个MP3下载链接,供那些想要将音频文件本身下载到手机或PC /笔记本电脑上的本地播放列表中的人使用。

但最终,我决定跳槽到一种更现代的Web技术,并让浏览器内的HTML5 MP3播放器随便看看它们是否有用,甚至根本不起作用。

现在,对于那些不知道的人来说,Internet Explorer 9和10,Mozilla Firefox和Google Chrome 都 具有浏览器内媒体播放器,用于播放某些类型的媒体文件。 最初,它们仅支持非商业格式(例如OGG),但如今它们确实支持MP3,并且我假设它们也支持MP4,但我尚未对其进行测试。

HTML5播放器是否要求您下载任何内容? 不,因为它们已经是浏览器编程本身的一部分。 无需安装附加组件/扩展程序。

在最近的播客中,我让浏览器中的播放器运行起来,结果是这样的:

Internet Explorer 9和10

IE10的播放器绝对是同类产品中外观最好的。 大而易读的按钮和数字,整体外观不错。

IE也可以通过右键单击播放器来调整速度,从而获得加分:

很酷。

火狐浏览器

Fx的播放器是最 无聊 的,但功能强大。

右键单击此按钮时, 请勿 单击“隐藏控件”,因为这样音频会继续播放,并且播放器本身也会消失,从而迫使您重新加载网页以使其恢复原状。

谷歌浏览器

虽然不像Fx 21的播放器那么乏味,也不像IE10的播放器那么漂亮,但是它的确具有拥有最简单控件的优势。 与其他两个播放器相比,在何处单击和拖动与音频位置和音量位置有关的滑块更容易单击,按住和拖动。

您如何在网站上使用这些网络播放器?

通过使用HTML标记。

此处提供了完整的说明,但这是编写自己的网页时执行此操作的一般方法。

首先,必须实时上传您的MP3,并且您必须知道其完整地址,例如http://www.your.site/audio/your-audio-file.mp3。

其次,像这样输入您的代码:

抱歉,您的浏览器不支持音频标签,请更新您的浏览器

对于较旧的移动浏览器和Web浏览器(例如IE8),您必须包括“抱歉,不支持您的浏览器”通知。

第三,发布您的网页。

基本上就是这样。

是的,您可以根据需要在免费博客网站(如WordPress.com和Blogger.com)中使用该代码。

在WordPress.com博客中,这很容易,因为在撰写新博客文章时,您可以点击“文本”标签并以这种方式插入代码:

您可以在哪里存储MP3播客文件?

最简单的方法是将它们存储在网站本身上,但是,如果您不能这样做,则可以使用DropBox或任何其他云存储服务,只要它们允许直接下载即可。

无论如何,是的,现代的浏览器内置播放器确实运行良好。 在所有三个浏览器中,根本没有问题,因为每个流都应播放MP3音频。

但是,在这三个中,我最喜欢IE10,因为它具有最佳的外观和最佳的功能。

如何使用html5在您的网站上播放mp3文件