3个简单步骤添加自定义HTML5音频播放器在清晰的故事情节

清晰的故事情节附带了一个富媒体播放器，可以用一种非常潜在的方式运行声音。例如，玩家可以控制音量、播放/暂停、进度条和重放与整个幻灯片“相关”。一个恰当的例子是，当你按下重放键时，整个幻灯片将再次播放。

我们的一个客户想要嵌入音频到幻灯片，并使学习者能够控制个人媒体元素独特的播放器设计．

客户还希望他的学习者围绕一个音频计时器和控制工作。他感兴趣的是让他的学习者在多个互动会议中，甚至从幻灯片中控制音频水平。

在清晰的故事情节中，我们在玩家中没有音频计时器。

使用HTML5标签，音频播放器可以以非常简单的方式集成到幻灯片上。

让我们跟随这一步一步的教程，如何添加HTML5标签，以添加自定义音频播放器到您的幻灯片。

步骤1:

创建一个音频文件夹，在文件夹中创建html文件。复制音频标签然后粘贴到HTML文件中;同样，把音频文件夹放在相同的文件夹位置(见下面的屏幕)。

步骤2:

要把音频嵌入幻灯片，请到插入选项卡上,选择插入Web对象并打开创建的HTML文件Slide1.html;调整web对象在屏幕上的位置。参考文献如下所示。

步骤3:

现在我们完成了音频的整合;让我们发布并预览幻灯片。

该播放器支持html5，因此，它的外观和感觉依赖于您使用的浏览器或设备。

这就是我们如何能够使用HTML标签创建一个定制的音频播放器。

如果你想让控件有一个不同的设计，你最欢迎访问大量的信息，目前在网站上是免费的。

提醒提示*

1. 确保音频文件位于相同的文件夹位置。
2. 如果web对象位于Internet或企业内网，则需要安全权限才能访问。
3. 预览时无法看到Web对象;要查看它，打开publish“html”在支持的浏览器和“光盘发布”否则你必须将课程输出发布到服务器．

希望这篇文章对你有用。请分享你的观点。