播放音频和视频内容

在前一节中，我们学习了经度和纬度，这些信息可以在我们的应用程序中使用。 在本节中，我们将获得有关媒体的完整知识。 我们将学习如何播放音频和视频内容，控制媒体的播放，调整媒体的音量以及媒体的位置和持续时间。 首先，我们将获得有关播放音频和视频内容的知识。 在开发中，播放音频和视频内容非常容易开发。 以下是我们可以用于播放音频和视频内容的步骤

1) 创建一个新项目

首先，我们将使用空白模板创建一个新的 PhoneGap 项目。如果您不知道如何使用空白模板创建应用程序，请浏览 PhoneGap 项目链接。

2) 创建一个用于 mp3 和 mp4 内容的文件夹

现在，我们将为包含在 www 文件夹中的媒体创建一个文件夹。 在此文件夹中，我们将粘贴一个 mp3 和一个 mp4 文件，我们将从那里获取它们。

3) 转到 index.html 文件并进行音频更改

我们将转到我们的 index.html 文件，并将其标题更改为我们认为最适合我们应用程序的名称。 我们将在 html 代码的主体部分添加一个 audio 标签，方法如下

4) 添加来源

现在，我们将添加将使用 <source></source> 标签播放 音频的来源。 source 标签将添加到 <audio></audio> 标签之间，方法如下

5) 添加自动播放属性

我们也可以使用自动播放属性。 加载窗口屏幕后，音频将自动开始播放。 我们将以下列方式设置此属性

如果我们不使用 controls，那么除了完成或终止应用程序之外，没有其他方法可以停止音频。 将只有一个带有音频的空白屏幕。

6) 创建视频标签

现在，我们将对视频执行与对音频相同的操作。 我们还将添加带有 control 属性的视频标签和 source 标签。 视频标签将添加到我们的 HTML 代码的主体部分，而 source 标签将添加到 <video></video> 标签之间，方法如下

与音频标签一样，当我们在视频标签中添加 autoplay 属性时，视频将自动播放。

完整代码

输出