📜  在PhoneGap中播放音频和视频内容

📅  最后修改于: 2021-01-07 10:32:23             🧑  作者: Mango

播放音频和视频内容

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

1)创建一个新项目:

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

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

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

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

我们将转到我们的index.html文件,并使用最适合我们的应用程序的名称更改其标题。我们将通过以下方式在html代码的body部分中添加一个音频标签:


4)添加源

现在,我们将使用 标签添加从中播放音频的源。标签将通过以下方式添加在


    
            

5)添加自动播放属性

我们还可以使用自动播放属性。加载窗口屏幕后,音频将自动开始播放。我们将通过以下方式设置此属性:


    
        

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


    
        

6)创建视频标签

现在,我们将在视频和音频上做同样的事情。我们将添加具有控件属性的视频标签和源标签。 HTML代码的body部分中,source标签将通过以下方式添加在标签之间:


就像音频标签一样,当我们在视频标签中添加自动播放属性时,视频也会自动播放。

完整的代码:



    
        
        
        Audio and Video Example
    
    
        
        
        
        

输出: