[发明专利]基于浏览器的歌词显示方法及终端

说明书

技术领域

本发明涉及歌词显示技术领域，尤其涉及一种基于浏览器的歌词显示方法及终端。

背景技术

目前，媒体播放已经广泛应用于浏览器上，如在线音乐播放、在线电影播放等。其中，在线音乐播放的过程中，往往伴随有歌词的同步显示。

在网页上同步显示歌词，传统的方法是在网页中通过libcurl、javascript等方式进行歌词的下载、解析及显示。但是，如果将歌词的下载、解析及显示全部放在网页上操作，势必影响网页的整体性能，使得用户在浏览网页时的体验变差，给用户在操作上带来诸多不便。

发明内容

本发明的主要目的在于提供一种基于浏览器的歌词显示方法及终端，旨在提高网页的整体性能及用户体验。

为了达到上述目的，本发明提出一种基于浏览器的歌词显示方法，包括：

终端在用户点击歌曲播放按钮时，通过网页调用基于javascript扩展的open方法，将歌词路径传送给浏览器；在所述浏览器中根据所述歌词路径从服务器下载歌词；并将下载的歌词保存在终端本地的歌词文件中；

当歌词下载成功后，在所述浏览器中解析所述歌词文件中的下载的歌词；

根据解析结果，在所述浏览器中启动歌词显示线程，并在网页中高亮度显示与当前播放歌曲同步的歌词。

优选地，所述在浏览器中解析所述歌词文件中的下载的歌词的步骤包括：

当歌词下载成功后，在所述浏览器中打开所述歌词文件；

按照歌词在所述歌词文件中的时间戳，将所述歌词展开并进行排序；

将排序后的带有索引号及时间戳的歌词内容，以及相应的下载事件类型存储于浏览器的基于javascript扩展的mediaplayer_getMediaEvent方法中；

在所述浏览器中向所述网页发送歌词获取成功的按键信息，由所述网页根据所述按键信息从所述基于javascript扩展的mediaplayer_getMediaEvent方法中获取所述歌词内容及相应的下载事件类型，并根据所述相应的事件类型在所述网页中显示所述歌词内容。

优选地，该方法还包括：

当歌词下载失败后，将歌词获取失败的信息及相应的下载事件类型存储于所述浏览器的基于javascript扩展的mediaplayer_getMediaEvent方法中；

在所述浏览器中向所述网页发送歌词获取失败的按键信息，由所述网页根据所述按键信息从所述基于javascript扩展的mediaplayer_getMediaEvent方法中获取所述歌词获取失败的信息及相应的下载事件类型，并根据所述相应的下载事件类型在所述网页中显示所述歌词获取失败的信息。

优选地，所述根据解析结果，在浏览器中启动歌词显示线程，并在网页中高亮度显示与当前播放歌曲同步的歌词的步骤包括：

在所述浏览器中启动播放器及歌词显示线程，从播放器中获取当前歌曲播放时间；

比较所述当前歌曲播放时间及所述浏览器中歌词的时间戳；

获取当前歌词，所述当前歌词的时间戳小于或等于所述当前歌曲播放时间，且所述当前歌词的下一歌词的时间戳大于所述当前歌曲播放时间；

将所述当前歌词的索引号及相应的显示事件类型存储于所述基于javascript扩展的mediaplayer_getMediaEvent方法中；

在所述浏览器中向所述网页发送开始显示歌词的按键信息，由所述网页根据所述按键信息从所述基于javascript扩展的mediaplayer_getMediaEvent方法中获取所述当前歌词的索引号及相应的显示事件类型，并根据所述相应的显示事件类型，将所述索引号对应的当前歌词高亮度显示在所述网页上。

优选地，该方法还包括：

当歌曲播放完毕时，在所述浏览器中停止歌词显示进程，并将歌曲播放结束信息存储于所述浏览器的所述基于javascript扩展的mediaplayer_getMediaEvent方法中；

在所述浏览器中向所述网页发送歌曲播放完毕的按键信息，由所述网页根据所述按键信息从所述基于javascript扩展的mediaplayer_getMediaEvent方法中获取所述歌曲播放结束信息，并通过所述网页控制播放下一歌曲。

本发明还提出一种基于浏览器的歌词显示终端，包括：