【技术实现步骤摘要】
本专利技术涉及歌词显示
,尤其涉及一种基于浏览器的歌词显示方法及终端。
技术介绍
目前,媒体播放已经广泛应用于浏览器上,如在线音乐播放、在线电影播放等。其中,在线音乐播放的过程中,往往伴随有歌词的同步显示。在网页上同步显示歌词,传统的方法是在网页中通过libcurl、javascript等方式进行歌词的下载、解析及显示。但是,如果将歌词的下载、解析及显示全部放在网页上操作,势必影响网页的整体性能,使得用户在浏览网页时的体验变差,给用户在操作上带来诸多不便。
技术实现思路
本专利技术的主要目的在于提供一种基于浏览器的歌词显示方法及终端,旨在提高网页的整体性能及用户体验。为了达到上述目的,本专利技术提出一种基于浏览器的歌词显示方法,包括终端在用户点击歌曲播放按钮时,通过网页调用基于javascript扩展的open方法,将歌词路径传送给浏览器;在所述浏览器中根据所述歌词路径从服务器下载歌词;并将下载的歌词保存在终端本地的歌词文件中;当歌词下载成功后,在所述浏览器中解析所述歌词文件中的下载的歌词;根据解析结果,在所述浏览器中启动歌词显示线程,并在网页中高亮度显示与当 ...
【技术保护点】
【技术特征摘要】
1.一种基于浏览器的歌词显示方法,其特征在于,包括终端在用户点击歌曲播放按钮时,通过网页调用基于javascript扩展的open方法,将歌词路径传送给浏览器;在所述浏览器中根据所述歌词路径从服务器下载歌词;并将下载的歌词保存在终端本地的歌词文件中;当歌词下载成功后,在所述浏览器中解析所述歌词文件中的下载的歌词; 根据解析结果,在所述浏览器中启动歌词显示线程,并在网页中高亮度显示与当前播放歌曲同步的歌词。2.根据权利要求1所述的方法,其特征在于,所述在浏览器中解析所述歌词文件中的下载的歌词的步骤包括当歌词下载成功后,在所述浏览器中打开所述歌词文件; 按照歌词在所述歌词文件中的时间戳,将所述歌词展开并进行排序; 将排序后的带有索引号及时间戳的歌词内容,以及相应的下载事件类型存储于浏览器的基于 javascript 扩展的 mediaplayer_getMediaEvent 方法中;在所述浏览器中向所述网页发送歌词获取成功的按键信息,由所述网页根据所述按键信息从所述基于javascript扩展的mediaplayer_getMediaEvent方法中获取所述歌词内容及相应的下载事件类型,并根据所述相应的事件类型在所述网页中显示所述歌词内容。3.根据权利要求2所述的方法,其特征在于,还包括当歌词下载失败后,将歌词获取失败的信息及相应的下载事件类型存储于所述浏览器的基于 javascript 扩展的 mediaplayer_getMediaEvent 方法中;在所述浏览器中向所述网页发送歌词获取失败的按键信息,由所述网页根据所述按键信息从所述基于javascript扩展的mediaplayer_getMediaEvent方法中获取所述歌词获取失败的信息及相应的下载事件类型,并根据所述相应的下载事件类型在所述网页中显示所述歌词获取失败的信息。4.根据权利要求2所述的方法,其特征在于,所述根据解析结果,在浏览器中启动歌词显示线程,并在网页中高亮度显示与当前播放歌曲同步的歌词的步骤包括在所述浏览器中启动播放器及歌词显示线程,从播放器中获取当前歌曲播放时间; 比较所述当前歌曲播放时间及所述浏览器中歌词的时间戳;获取当前歌词,所述当前歌词的时间戳小于或等于所述当前歌曲播放时间,且所述当前歌词的下一歌词的时间戳大于所述当前歌曲播放时间;将所述当前歌词的索引号及相应的显示事件类型存储于所述基于javascript扩展的 mediaplayer_getMediaEvent 方法中;在所述浏览器中向所述网页发送开始显示歌词的按键信息,由所述网页根据所述按键信息从所述基于javascript扩展的mediaplayer_getMediaEvent方法中获取所述当前歌词的索引号及相应的显示事件类型,并根据所述相应的显示事件类型,将所述索引号对应的当前歌词高亮度显示在所述网页上。5.根据权利要求2、3或4所述的方法,其特征在于,还包括当歌曲播放完毕时,在所述浏览器中停止歌词显示进程,并将歌曲播放结束信息存储于所述浏览器的所述基于javascript扩展的mediaplayer_getMediaEvent方法中;在所述浏览器中向所述网页发送歌曲播放完毕的按键信息,由所述网页根据所述按键信息从所述基于javascript扩展的mediaplayer_getMediaEvent方法中获取所述歌曲播放结束信息,并通过所述网页控制播放下一歌曲。6.一种基于浏览器的歌词显示终端,其特征在于,包括下载模块,用于...
【专利技术属性】
技术研发人员:费流波,林舜大,
申请(专利权)人:深圳TCL新技术有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。