CN103077191B - 自适应Web平台音频播放方法和装置 - Google Patents
自适应Web平台音频播放方法和装置 Download PDFInfo
- Publication number
- CN103077191B CN103077191B CN201210564572.3A CN201210564572A CN103077191B CN 103077191 B CN103077191 B CN 103077191B CN 201210564572 A CN201210564572 A CN 201210564572A CN 103077191 B CN103077191 B CN 103077191B
- Authority
- CN
- China
- Prior art keywords
- audio
- player
- file
- index information
- file index
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及一种自适应Web平台音频播放方法和装置,在加载所述播放器页面后,通过本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载Flash?Player建立音频对象;由此,优先选择Audio对象进行音频文件的解析,在Audio对象生成不成功时才加载Flash?Player进行音频文件的解析建立音频对象,无需任何播放器插件,占用网络资源和系统资源较少,保证流畅的播放速度。本发明的所述播放器模板基于标准HTML和CSS编码的所有组件均符合W3C显示标准,可以自适应任意操作系统运行环境下的任意Web浏览器,保证在任何浏览器下具有同样的显示效果。
Description
技术领域
本发明涉及一种音频播放方法和装置,具体是一种自适应Web平台音频播放方法和装置,属于音频播放技术领域。
背景技术
目前主要的音频播放器分:通用播放器和行业软件专用播放器两种。其中,通用播放器可分为三类:1.操作系统自带的播放器:例如:Windows操作系统环境下运行的windowsmediaplayer、Linux操作系统环境下运行的Totem等。此类播放器属于系统自带,无需安装即可使用,但功能和界面都相对比较简单,且自带插件和解码包种类少,只能播放一般标准格式的音频文件,要播放特殊格式的音频文件,则需要额外安装相应的插件或解码包,使用起来比较麻烦。2.基于操作系统的第三方播放器软件:例如:暴风影音、KMPlayer、QVOD、WinAmp等,此类播放器属于由IT公司开发的通用客户端软件,用户免费安装使用,充分考虑到了音频格式的复杂性和用户体验的差异性,功能强大,音频格式的兼容性好,界面设计友好,用户使用最为普遍,但存在系统资源占用多,在跨平台应用及网页适用性方面适应差的缺点。3.基于浏览器的网页播放器:如windowsmediaplayer插件、AdobeFlashPlayer网页插件、支持HTML5标准的浏览器为Audio对象所配播放器等。此类播放器是一个网页插件,运行制作好的页面后,它会调用操作系统自带或浏览器、网页内嵌的默认音频播放器来播放音频文件,通用性较差。行业软件专用播放器,多是由专业软件厂商根据自己产品的需要,专门定制,专门使用在本公司的软件产品中,行业功能强大。例如:科大讯飞的VoiceInsight中的语音播放器、慧锐中国的impact360中的语音播放器等,行业软件专用播放器依附于专用软件,只有在使用特定专用软件的前提下,才能使用其附加的专用播放器,因此,行业软件专用播放器通用性不强。
中国专利文献CN102647629A公开了一种内容播放方法和装置,所述方法包括:1)建立第一控制接口,所述第一控制接口对多个不同播放插件进行封装以使对所述不同的播放插件的调用通过统一的接口进行;2)根据要播放的内容的属性(包括播放协议、文件扩展名等信息),选择相应的播放插件;3)将被选择的播放插件的封装与网页播放界面聚合,播放所述内容。进而使得用户可以在统一网页播放器中播放诸如视频直播、音频直播、视频点播、音频点播节目,实现在同一网页播放器中不同内容资源的混编。
上述专利文献中公开的播放方法,根据要播放的内容属性选择相应播放插件,所述播放器插件是播放器的一部分,用于相应播放内容的解码,为此上述方法需要先在系统里预先安装播放不同格式文件的播放器,然后再封装所述播放器插件,播放的时候需要首先调用所述播放器插件完成解码,然后将解码后的文件与网页播放界面聚合进行播放。上述专利文献中公开的播放方法所需播放器插件种类多,体积较大,占用较多的网络资源和系统资源,
影响播放速度,并最终影响用户体验。
发明内容
本发明所要解决的技术问题是现有技术中的网页音频播放器占用较多网络资源和系统资源影响播放速度的技术问题,从而提供一种自适应Web平台音频播放方法和装置。
为解决上述技术问题,本发明是通过以下技术方案实现的:
一种自适应Web平台音频播放方法,包括如下步骤:
在Web服务器接收本地浏览器发送的远程调听文件ID时发出请求文件索引信息的请求给云后台,其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息;
在所述云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;
所述Web服务器接收所述文件索引信息后对所述文件索引信息加工,通过加工后的所述文件索引信息渲染播放器模板生成播放器页面内容并发送给本地浏览器;
所述本地浏览器接收由所述Web服务器发送的所述播放器页面内容后依据所述播放器页面内容加载所述播放器页面;
在加载所述播放器页面后,通过本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;
所述本地浏览器将所述播放器页面与对应的所述音频对象绑定生成音频事件;
所述本地浏览器接收所述云后台发送的所述音频文件,并将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作;
所述播放器模板进一步包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的大小和布局;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮。
一种自适应Web平台音频播放方法,包括如下步骤:
在Web服务器接收本地浏览器发送的远程调听文件ID时发出请求文件索引信息的请求给云后台,其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息;
在所述云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;
所述Web服务器接收所述文件索引信息后对所述文件索引信息加工,通过加工后的所述文件索引信息中的所述外围属性信息渲染播放器模板生成播放器页面内容并发送给本地浏览器;
所述本地浏览器接收由所述Web服务器发送的所述播放器页面内容后依据所述播放器页面内容加载所述播放器页面;
在加载所述播放器页面后,通过本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;
在建立音频对象后所述本地浏览器根据所述固有属性信息进一步渲染所述播放器模板生成最终的播放器页面;
所述本地浏览器将最终的所述播放器页面与对应的所述音频对象绑定生成音频事件;
所述本地浏览器接收所述云后台发送的所述音频文件,并将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作;
所述播放器模板进一步包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的大小和布局;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮。
所述播放器模板还包括:
基于标准HTML和CSS编码的波形图组件,用于在所述播放器页面的波形图界面显示从所述文件索引信息获得的base64位编码波形图文件;
基于标准HTML和CSS编码的关键词组件,用于在所述播放器页面的波形图界面显示经过与波形图关联后的关键词,其中,所述关联指将所述波形图组件和所述关键词组件关联使得所述播放器中声音、波形图和关键词同步输出。
所述播放器模板还包括:
基于标准HTML和CSS编码的语序排列组件,用于在所述播放器页面的选项卡界面显示从所述文件索引信息获得选项卡内容和标题信息。
所述基本信息组件、所述波形图组件和所述关键词组件、所述播放控制组件和所述语序排列组件在所述播放器页面上对应显示区从上至下依次排布。
所述关联的具体步骤如下:
以所述音频文件的时间轴的左侧为开始侧,按照如下公式计算出所述关键词的相对位置:
关键词的相对位置=(所述关键词在所述音频文件中出现的起始时间/所述音频文件的总时长)*100%;
在所述波形图的所述相对位置处显示所述关键词。
将所述关键词与所述波形图绑定生成点击事件,用于在所述关键词被点击时自动从被点击的所述关键词所在的相对位置处开始播放。
同时提供一种自适应Web平台音频播放装置,包括:
Web服务器,进一步包括请求文件索引信息发送装置和播放器页面生成装置,其中,
所述请求文件索引信息发送装置,用于在所述Web服务器接收本地浏览器发送的远程调听文件ID时发出请求文件索引信息的请求给云后台;其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息;
所述播放器页面生成装置,用于接收所述文件索引信息对所述文件索引信息加工,通过加工后的所述文件索引信息渲染播放器模板生成播放器页面内容并发送给本地浏览器;
云后台,用于在所述云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;
本地浏览器,所述本地浏览器进一步包括远程调听文件ID发送装置、音频对象建立装置、音频事件生成装置以及播放和操作装置,其中,
所述远程调听文件ID发送装置,用于在所述本地浏览器监听到远程调听时将所述远程调听文件ID发送给所述Web服务器;
所述音频对象建立装置,用于在所述本地浏览器加载所述播放器页面后,通过所述本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;所述音频对象建立装置将建立后的所述音频对象发送给所述音频事件生成装置;
所述音频事件生成装置,用于将所述播放器页面与对应的所述音频对象绑定生成音频事件;
所述播放和操作装置,用于将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作;
其中,所述播放器模板进一步包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的大小和布局;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮。
同时还提供一种自适应Web平台音频播放装置,包括:
Web服务器,进一步包括请求文件索引信息发送装置和播放器页面生成装置,其中,
所述请求文件索引信息发送装置,用于在所述Web服务器接收本地浏览器发送的远程调听文件ID时发出请求文件索引信息的请求给云后台;其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息;
所述播放器页面生成装置,用于接收所述文件索引信息对所述文件索引信息加工,通过加工后的所述文件索引中的所述外围属性信息渲染播放器模板生成播放器页面内容并发送给本地浏览器;
云后台,用于在所述云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;
本地浏览器,所述本地浏览器进一步包括远程调听文件ID发送装置、音频对象建立装置、音频事件生成装置以及播放和操作装置,其中,
所述远程调听文件ID发送装置,用于在所述本地浏览器监听到远程调听时将所述远程调听文件ID发送给所述Web服务器;
所述音频对象建立装置,用于在所述本地浏览器加载所述播放器页面后,通过所述本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;所述音频对象建立装置将建立后的所述音频对象发送给所述音频事件生成装置;
所述音频事件生成装置,用于在建立音频对象后根据所述固有属性信息进一步渲染所述播放器模板生成最终的播放器页面;并将最终的所述播放器页面与对应的所述音频对象绑定生成音频事件;
所述播放和操作装置,用于将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作;
其中,所述播放器模板进一步包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的大小和布局;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮。
所述播放器模板还包括:
基于标准HTML和CSS编码的波形图组件,用于在所述播放器页面的波形图界面显示从所述文件索引信息获得的base64位编码波形图文件;
基于标准HTML和CSS编码的关键词组件,用于在所述播放器页面的波形图界面显示经过与波形图关联后的关键词。
所述播放器模板还包括:
基于标准HTML和CSS编码的语序排列组件,用于在所述播放器页面的选项卡界面显示从所述文件索引信息获得选项卡内容和标题信息。
所述基本信息组件、所述波形图组件和所述关键词组件、所述播放控制组件和所述语序排列组件在所述播放器页面上对应显示区从上至下依次排布。
将所述波形图和所述关键词进行关联的关联装置,进一步包括:
相对位置定位装置,用于以所述音频文件的时间轴的左侧为开始侧,按照如下公式计算出所述关键词的相对位置:
关键词的相对位置=(所述关键词在所述音频文件中出现的起始时间/所述音频文件的总时长)*100%;
显示装置,用于在所述波形图的所述相对位置处显示所述关键词。
还包括:点击事件生成装置,用于将所述关键词与所述波形图绑定生成点击事件,在所述关键词被点击时自动从被点击的所述关键词所在的相对位置处开始播放。
本发明的上述技术方案相比现有技术具有以下优点:
(1)本发明所述自适应Web平台音频播放方法和装置,在加载所述播放器页面后,通过本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;由此,优先选择Audio对象进行音频文件的解析,在Audio对象生成不成功时才加载FlashPlayer进行音频文件的解析建立音频对象,无需任何播放器插件,占用网络资源和系统资源较少,保证流畅的播放速度。本发明的所述播放器模板包括:基于标准HTML和CSS编码的容器组件;基于标准HTML和CSS编码的标题组件;基于标准HTML和CSS编码的基本信息组件;基于标准HTML和CSS编码的语序排列的组件;所述播放器模板的基于标准HTML和CSS编码的所有组件均符合W3C显示标准,可以自适应任意操作系统运行环境下的任意Web浏览器,保证在任何浏览器下具有同样的显示效果。
本发明所述自适应Web平台音频播放方法和装置中,将关键词与波形图关联后在波形图中统一输出,在播放音频文件的同时可显示对应的关键词,使得音频文件的播放更直观更全面。
本发明所述自适应Web平台音频播放方法和装置中,播放时由基于标准HTML和CSS编码的不同功能组件组成,方便根据不同需要进行相应功能组件的删减或者变更,提高了本发明所述自适应Web平台音频播放方法和装置的适用性和灵活性。
本发明所述自适应Web平台音频播放方法和装置中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,首先,所述Web服务器根据所述外围属性渲染填充所述播放器模板;然后,所述浏览器根据所述固有属性动态渲染所述播放器模板生成所述播放器的外观。将渲染所述播放器模板的工作分两步执行,一部分放在Web服务器端,另一部分放在浏览器端,优化了代码结构,减轻服务器端渲染压力,提高执行效率。
本发明所述自适应Web平台音频播放方法和装置中,将所述关键词与所述波形图绑定生成点击事件,用于在所述关键词被点击时自动从被点击的所述关键词所在的相对位置处开始播放。便于通过关键词快速定位到音频文件中预定的播放位置,方便实用。
附图说明
为了使本发明的内容更容易被清楚的理解,下面结合附图,对本发明作进一步详细的说明,其中,
图1是本发明第一实施例的一种自适应Web平台音频播放方法的流程图;
图2是本发明第二实施例的一种自适应Web平台音频播放方法的流程图。
具体实施方式
第一实施例
本发明所述的一种自适应Web平台音频播放方法的流程如图1所示,
作为本发明一个实施例的一种自适应Web平台音频播放方法,具体包括如下步骤:
在Web服务器接收本地浏览器发送的远程调听文件ID时发出请求文件索引信息的请求给云后台,其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,比如音频的波形、音频的时间长度等信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息,比如音频来源等人为添加的索引字段;
在云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;
所述Web服务器接收所述文件索引信息后对所述文件索引信息加工,通过加工后的所述文件索引信息中的外围属性信息渲染播放器模板生成播放器页面内容并发送;
所述本地本地浏览器接收由所述Web服务器发送的所述播放器页面内容后依据所述播放器页面内容加载所述播放器页面;
在加载所述播放器页面后,通过本地本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer的方式建立音频对象;
在建立音频对象后所述本地浏览器根据所述固有属性信息进一步渲染所述播放器模板生成最终的播放器页面;本实施例中采用了二段渲染所述播放器模板的技术方案,首先,所述Web服务器根据所述外围属性信息渲染填充所述播放器模板;然后,在建立音频对象后所述本地浏览器根据所述固有属性信息动态进一步渲染所述播放器模板生成最终的所述播放器页面;将渲染所述播放器模板的工作分两步执行,一部分放在Web服务器端,另一部分放在本地浏览器端,优化了代码结构,减轻服务器端渲染压力,提高执行效率。
所述本地浏览器将最终的所述播放器页面与对应的所述音频对象绑定生成音频事件;
将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作。
所述播放器模板采用基于标准HTML和CSS编码的组件组成,作为本发明的一个具体实施例,所述播放器模板统一存放于所述Web服务器中,其包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的页面大小及布局,用于定义当前页容器;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的当前页标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息,包括基本信息坐标、基本信息标题和基本信息内容
基于标准HTML和CSS编码的语序排列组件,用于在所述播放器页面的选项卡界面显示从所述文件索引信息获得选项卡内容和标题信息,具体到一个应用实施例,所述选项卡内容可以包括投诉、回复、恢复、电话和意见等内容,对应的选项卡标题包括自然语序和词频分类;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮,所述播放控制按钮进一步包括用于暂停的控制按钮,用于显示音频时长的音频时长控制按钮,以及用于音量控制的音量控制按钮;
本发明所述自适应Web平台音频播放方法,在加载所述播放器页面后,通过本地本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;由此,优先选择Audio对象进行音频文件的解析,在Audio对象生成不成功时才加载FlashPlayer进行音频文件的解析建立音频对象,无需任何播放器插件,占用网络资源和系统资源较少,保证流畅的播放速度。本发明的所述播放器模板包括:基于标准HTML和CSS编码的容器组件;基于标准HTML和CSS编码的标题组件;基于标准HTML和CSS编码的基本信息组件;基于标准HTML和CSS编码的语序排列的组件;所述播放器模板的基于标准HTML和CSS编码的所有组件均符合W3C显示标准,可以自适应任意操作系统运行环境下的任意Web本地浏览器,保证在任何本地浏览器下具有同样的显示效果。本发明所述自适应Web平台音频播放方法,播放时由基于标准HTML和CSS编码的不同功能组件组成,方便根据不同需要进行相应功能组件的删减或者变更,提高了本发明所述自适应Web平台音频播放方法和装置的适用性和灵活性。
作为本发明的第二个实施例,参见图2所示,与所述第一实施例惟一不同之处在于所述播放器模板的渲染全部在所述Web服务器进行,即所述Web服务器接收所述文件索引信息后对所述文件索引信息加工,通过加工后的所述文件索引信息中的所述固有属性信息和所述外围属性信息一次渲染所述播放器模板生成播放器页面内容并发送给本地浏览器;其它同第一实施例,同样能实现本发明的目的,因为全部渲染工作都由所述Web服务器统一执行,本实施例的执行效率不如第一实施例高。
作为本发明的第三组实施例,在所述第一实施例和第二实施例的基础上,所述播放器模板进一步包括:
基于标准HTML和CSS编码的波形图组件,用于在所述播放器页面的波形图界面显示从所述文件索引信息获得的base64位编码波形图文件;所述波形图界面内包括显示在最底层的音频波形图,位于所述音频波形图之上的缓冲层,用于显示数据读取进度,以及位于缓冲层之上和音频播放进度层,用于显示音频播放进度。
基于标准HTML和CSS编码的关键词组件,用于在所述播放器页面的波形图界面显示经过与波形图关联后的关键词,其中,所述关联指将所述波形图组件和所述关键词组件关联使得所述播放器中声音、波形图和关键词同步输出。
作为本发明的具体实施例,所述基本信息组件、所述波形图组件和所述关键词组件、所述播放控制组件和所述语序排列组件在所述播放器页面上对应显示区从上至下依次排布。
本发明所述自适应Web平台音频播放方法,通过在本发明所述第一实施例所述播放器页面的基础上,增加了波形图显示区与关键词显示区,使用户在播放音频文件的同时可以看到所述波形图与所述关键词,更加全面直观。
作为本发明的第四组实施例,在所述第三组实施例的基础上,所述播放器模板进一步包括:
关联所述波形图组件和所述关键词组件使得所述播放器中声音、波形图和关键词同步输出,所述关联的具体步骤如下:
以所述音频文件的时间轴的左侧为开始侧,按照如下公式计算出所述关键词的相对位置:
关键词的相对位置=(所述关键词在所述音频文件中出现的起始时间/所述音频文件的总时长)*100%;
同时在所述波形图的所述相对位置处显示所述关键词,且将波形图长度与音频时长相对应,通过每个关键词显示区块同时绑定点击事件,用于点击时可以触发声音播放进度的改变。
通过本功能,可以使用户在播放音频文件的同时可以看到所述波形图与所述关键词显示的内容,且可以通过点击所述关键词对播放进行操作,使播放操作更加方便,更加容易理解与体验。
显然,上述实施例仅仅是为清楚地说明所作的举例,而并非对实施方式的限定。对于所属领域的普通技术人员来说,在上述说明的基础上还可以做出其它不同形式的变化或变动。这里无需也无法对所有的实施方式予以穷举。而由此所引伸出的显而易见的变化或变动仍处于本发明创造的保护范围之中。
Claims (14)
1.一种自适应Web平台音频播放方法,其特征在于,包括如下步骤:
在Web服务器接收本地浏览器发送的远程调听文件ID时,所述Web服务器发出请求文件索引信息的请求给云后台,其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息;
在所述云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;
所述Web服务器接收所述文件索引信息后对所述文件索引信息加工,通过加工后的所述文件索引信息渲染播放器模板生成播放器页面内容并发送给本地浏览器;
所述本地浏览器接收由所述Web服务器发送的所述播放器页面内容后依据所述播放器页面内容加载所述播放器页面;
在加载所述播放器页面后,通过本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;
所述本地浏览器将所述播放器页面与对应的所述音频对象绑定生成音频事件;
所述本地浏览器接收所述云后台发送的所述音频文件,并将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作;
所述播放器模板进一步包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的大小和布局;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮。
2.一种自适应Web平台音频播放方法,其特征在于,包括如下步骤:
在Web服务器接收本地浏览器发送的远程调听文件ID时,所述Web服务器发出请求文件索引信息的请求给云后台,其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息;
在所述云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;
所述Web服务器接收所述文件索引信息后对所述文件索引信息加工,通过加工后的所述文件索引信息中的所述外围属性信息渲染播放器模板生成播放器页面内容并发送给本地浏览器;
所述本地浏览器接收由所述Web服务器发送的所述播放器页面内容后依据所述播放器页面内容加载所述播放器页面;
在加载所述播放器页面后,通过本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;
在建立音频对象后所述本地浏览器根据所述固有属性信息进一步渲染所述播放器模板生成最终的播放器页面;
所述本地浏览器将最终的所述播放器页面与对应的所述音频对象绑定生成音频事件;
所述本地浏览器接收所述云后台发送的所述音频文件,并将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作;
所述播放器模板进一步包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的大小和布局;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮。
3.根据权利要求1或2所述的自适应Web平台音频播放方法,其特征在于,所述播放器模板还包括:
基于标准HTML和CSS编码的波形图组件,用于在所述播放器页面的波形图界面显示从所述文件索引信息获得的base64位编码波形图文件;
基于标准HTML和CSS编码的关键词组件,用于在所述播放器页面的波形图界面显示经过与波形图关联后的关键词,其中,所述关联指将所述波形图组件和所述关键词组件关联使得所述播放器中声音、波形图和关键词同步输出。
4.根据权利要求3所述的自适应Web平台音频播放方法,其特征在于,所述播放器模板还包括:
基于标准HTML和CSS编码的语序排列组件,用于在所述播放器页面的选项卡界面显示从所述文件索引信息获得选项卡内容和标题信息。
5.根据权利要求4所述的自适应Web平台音频播放方法,其特征在于,所述基本信息组件、所述波形图组件和所述关键词组件、所述播放控制组件和所述语序排列组件在所述播放器页面上对应显示区从上至下依次排布。
6.根据权利要求4或5所述的自适应Web平台音频播放方法,其特征在于,所述关联的具体步骤如下:
以所述音频文件的时间轴的左侧为开始侧,按照如下公式计算出所述关键词的相对位置:
关键词的相对位置=(所述关键词在所述音频文件中出现的起始时间/所述音频文件的总时长)*100%;
在所述波形图的所述相对位置处显示所述关键词。
7.根据权利要求6所述的自适应Web平台音频播放方法,其特征在于,包括:将所述关键词与所述波形图绑定生成点击事件,用于在所述关键词被点击时自动从被点击的所述关键词所在的相对位置处开始播放。
8.一种自适应Web平台音频播放装置,其特征在于,包括:
Web服务器,进一步包括请求文件索引信息发送装置和播放器页面生成装置,其中,所述请求文件索引信息发送装置,用于在所述Web服务器接收本地浏览器发送的远程调听文件ID时发出请求文件索引信息的请求给云后台;其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息;所述播放器页面生成装置,用于接收所述文件索引信息对所述文件索引信息加工,通过加工后的所述文件索引信息渲染播放器模板生成播放器页面内容并发送给本地浏览器;
云后台,用于在所述云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;
本地浏览器,所述本地浏览器进一步包括远程调听文件ID发送装置、音频对象建立装置、音频事件生成装置以及播放和操作装置,其中,所述远程调听文件ID发送装置,用于在所述本地浏览器监听到远程调听时将所述远程调听文件ID发送给所述Web服务器;
所述音频对象建立装置,用于在所述本地浏览器加载所述播放器页面后,通过所述本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;所述音频对象建立装置将建立后的所述音频对象发送给所述音频事件生成装置;
所述音频事件生成装置,用于将所述播放器页面与对应的所述音频对象绑定生成音频事件;
所述播放和操作装置,用于将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作;
其中,所述播放器模板进一步包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的大小和布局;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮。
9.一种自适应Web平台音频播放装置,其特征在于,包括:
Web服务器,进一步包括请求文件索引信息发送装置和播放器页面生成装置,其中,所述请求文件索引信息发送装置,用于在所述Web服务器接收本地浏览器发送的远程调听文件ID时发出请求文件索引信息的请求给云后台;其中,所述文件索引信息包括音频文件的固有属性信息和外围属性信息,所述固有属性信息指所述音频文件本身的属性信息,所述外围属性信息指所述音频文件除所述固有属性信息外的属性信息;
所述播放器页面生成装置,用于接收所述文件索引信息对所述文件索引信息加工,通过加工后的所述文件索引中的所述外围属性信息渲染播放器模板生成播放器页面内容并发送给本地浏览器;
云后台,用于在所述云后台接收所述请求文件索引信息的请求后处理所述请求文件索引信息的请求,并将处理得到的文件索引信息发送给所述web服务器,同时将音频文件发送至所述本地浏览器;本地浏览器,所述本地浏览器进一步包括远程调听文件ID发送装置、音频对象建立装置、音频事件生成装置以及播放和操作装置,
其中,所述远程调听文件ID发送装置,用于在所述本地浏览器监听到远程调听时将所述远程调听文件ID发送给所述Web服务器;
所述音频对象建立装置,用于在所述本地浏览器加载所述播放器页面后,通过所述本地浏览器生成Audio对象,如果所述Audio对象生成成功,则直接建立音频对象;否则通过加载FlashPlayer建立音频对象;所述音频对象建立装置将建立后的所述音频对象发送给所述音频事件生成装置;
所述音频事件生成装置,用于在建立音频对象后根据所述固有属性信息进一步渲染所述播放器模板生成最终的播放器页面;并将最终的所述播放器页面与对应的所述音频对象绑定生成音频事件;
所述播放和操作装置,用于将所述音频事件和所述云后台发送的所述音频文件绑定并播放及操作;
其中,所述播放器模板进一步包括:
基于标准HTML和CSS编码的容器组件,用于定义所述播放器页面的大小和布局;
基于标准HTML和CSS编码的标题组件,用于在所述播放器页面顶部的标题栏显示从所述文件索引信息获得的标题文字;
基于标准HTML和CSS编码的基本信息组件,用于在所述播放器页面的基本信息界面显示从所述文件索引信息获得的文件基本信息;
基于标准HTML和CSS编码的播放控制组件,用于在所述播放器页面的播放控制界面显示播放控制按钮。
10.根据权利要求8或9所述的自适应Web平台音频播放装置,
其特征在于,所述播放器模板还包括:
基于标准HTML和CSS编码的波形图组件,用于在所述播放器页面的波形图界面显示从所述文件索引信息获得的base64位编码波形图文件;
基于标准HTML和CSS编码的关键词组件,用于在所述播放器页面的波形图界面显示经过与波形图关联后的关键词。
11.根据权利要求10所述的自适应Web平台音频播放装置,其特征在于,所述播放器模板还包括:
基于标准HTML和CSS编码的语序排列组件,用于在所述播放器页面的选项卡界面显示从所述文件索引信息获得选项卡内容和标题信息。
12.根据权利要求11所述的自适应Web平台音频播放装置,其特征在于,所述基本信息组件、所述波形图组件和所述关键词组件、所述播放控制组件和所述语序排列组件在所述播放器页面上对应显示区从上至下依次排布。
13.根据权利要求11或12所述的自适应Web平台音频播放装置,其特征在于,将所述波形图和所述关键词进行关联的关联装置,进一步包括:
相对位置定位装置,用于以所述音频文件的时间轴的左侧为开始侧,按照如下公式计算出所述关键词的相对位置:
关键词的相对位置=(所述关键词在所述音频文件中出现的起始时间/所述音频文件的总时长)*100%;
显示装置,用于在所述波形图的所述相对位置处显示所述关键词。
14.根据权利要求13所述的自适应Web平台音频播放装置,其特征在于,还包括:点击事件生成装置,用于将所述关键词与所述波形图绑定生成点击事件,在所述关键词被点击时自动从被点击的所述关键词所在的相对位置处开始播放。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210564572.3A CN103077191B (zh) | 2012-12-21 | 2012-12-21 | 自适应Web平台音频播放方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210564572.3A CN103077191B (zh) | 2012-12-21 | 2012-12-21 | 自适应Web平台音频播放方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103077191A CN103077191A (zh) | 2013-05-01 |
CN103077191B true CN103077191B (zh) | 2015-11-18 |
Family
ID=48153721
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210564572.3A Active CN103077191B (zh) | 2012-12-21 | 2012-12-21 | 自适应Web平台音频播放方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103077191B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104751866A (zh) * | 2013-12-25 | 2015-07-01 | 上海那里信息科技有限公司 | 基于音频的web flash站外播放方法和播放器系统 |
CN103763638B (zh) * | 2014-01-23 | 2017-02-15 | 中国联合网络通信集团有限公司 | 视频资源获取方法及装置 |
CN105407407A (zh) * | 2014-06-26 | 2016-03-16 | 广州市动景计算机科技有限公司 | 视频的播放方法和装置 |
CN104572953B (zh) * | 2014-12-29 | 2017-05-24 | 北京奇虎科技有限公司 | 一种基于搜索结果页面触发音乐播放的方法及装置 |
CN107181803B (zh) * | 2017-05-23 | 2020-04-10 | 百度在线网络技术(北京)有限公司 | 用于播放视频的方法和装置 |
CN110213197A (zh) * | 2018-02-28 | 2019-09-06 | 北京京东尚科信息技术有限公司 | 音频文件调听方法及系统 |
CN115357211B (zh) * | 2022-10-19 | 2023-01-31 | 北京尽微致广信息技术有限公司 | 一种音频播放方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101207807A (zh) * | 2007-12-18 | 2008-06-25 | 孟智平 | 一种处理视频的方法及其系统 |
CN101227594A (zh) * | 2008-02-01 | 2008-07-23 | 深圳市迅雷网络技术有限公司 | 在线视频播放控制方法、装置及在线视频播放器生成方法 |
CN102647634A (zh) * | 2012-05-02 | 2012-08-22 | 合一网络技术(北京)有限公司 | 一种基于HTML5video的多分片视频播放方法及装置 |
CN102708215A (zh) * | 2007-12-18 | 2012-10-03 | 孟智平 | 一种处理视频的方法及其系统 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2007122645A1 (en) * | 2006-04-21 | 2007-11-01 | Blurum S.R.L. | Users profiling method |
-
2012
- 2012-12-21 CN CN201210564572.3A patent/CN103077191B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101207807A (zh) * | 2007-12-18 | 2008-06-25 | 孟智平 | 一种处理视频的方法及其系统 |
CN102708215A (zh) * | 2007-12-18 | 2012-10-03 | 孟智平 | 一种处理视频的方法及其系统 |
CN101227594A (zh) * | 2008-02-01 | 2008-07-23 | 深圳市迅雷网络技术有限公司 | 在线视频播放控制方法、装置及在线视频播放器生成方法 |
CN102647634A (zh) * | 2012-05-02 | 2012-08-22 | 合一网络技术(北京)有限公司 | 一种基于HTML5video的多分片视频播放方法及装置 |
Non-Patent Citations (1)
Title |
---|
基于NGRAIN的装备虚拟维修训练研究与实现;赵吉昌 等;《四川兵工学报》;20090930;第30卷(第9期);25-27,31 * |
Also Published As
Publication number | Publication date |
---|---|
CN103077191A (zh) | 2013-05-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103077191B (zh) | 自适应Web平台音频播放方法和装置 | |
CN103729425B (zh) | 操作响应方法、客户端、浏览器及系统 | |
KR101650804B1 (ko) | 미디어 콘텐츠 공유 방법, 단말 장치, 및 콘텐츠 공유 시스템 | |
CN103474068A (zh) | 实现语音命令控制的方法、设备及系统 | |
CN102821146B (zh) | 基于移动终端应用的个性化交互方法及系统 | |
CN103179220A (zh) | 应用程序播放内容的分享方法及相关系统和装置 | |
WO2012094945A1 (zh) | 一种微型网络日志消息处理方法及其装置 | |
US9898443B2 (en) | Method and system for webpage processing | |
CN104063353A (zh) | 主从设备间信息同步的方法 | |
CN102280132A (zh) | 基于http协议的在线流式音频播放方法 | |
CN103514219A (zh) | 一种在多个终端间分享Web内容的方法及系统 | |
CN105592232B (zh) | 一种歌词的同步方法及装置 | |
CN102065340B (zh) | 实现多媒体同步交互的系统和方法 | |
CN103974111A (zh) | 将智能终端上的数据传输至电视终端的方法、装置 | |
CN111261133A (zh) | 演唱处理方法、装置、电子设备及存储介质 | |
CN105701153B (zh) | 一种读取网页资源的方法、装置及电子设备 | |
CN102968313B (zh) | 一种终端桌面小部件的生成方法和终端 | |
CN103973542A (zh) | 一种语音信息处理方法及装置 | |
CN102129851A (zh) | 一种信息显示方法、装置及信息交互系统 | |
US10666588B2 (en) | Method for sharing media content, terminal device, and content sharing system | |
CN102904891A (zh) | 多媒体数据共享方法及装置、多媒体播放设备 | |
CN104484458A (zh) | 一种音乐播放方法及装置 | |
CN103473105A (zh) | 一种在线代码补全功能的实现方法 | |
CN102542062A (zh) | 一种下载网页上视频的方法和装置 | |
CN102857575A (zh) | 一种互联网资源的下载方法及系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |