基于流媒体播放的伴随式评论的互动展示方法和系统技术方案

本发明专利技术公开了一种基于流媒体播放的伴随式评论的互动展示方法和系统，增加媒体播放时的评论的互动性体验，对于音频的某个时间点上可进行精确评论，以及在某个时间点上的评论可在前端进行呈现。其技术方案为：系统包括：评论预加载装置，在页面载入时预加载坐标化的播放器时间轴和时间轴上的每个区块的评论数据，并根据预加载的结果进行着色；伴随式显示装置，在流媒体播放时以及鼠标移入立体评论区域时动态显示评论内容；立体评论添加装置，在流媒体的播放条的时间点上添加评论。

【技术实现步骤摘要】
基于流媒体播放的伴随式评论的互动展示方法和系统
本专利技术涉及媒体播放的评论互动展示方法，尤其涉及基于流媒体播放的伴随式评论的互动展示方法和系统。
技术介绍
目前中国已公开上线的产品中，针对声媒体，如MP3播放器、音频播放这种形式的流媒体，能够针对某个具体的时间点进行评论的，并且伴随播放能够动态加载这类评论的产品，还是一个空白；其他类型的媒体类产品，如视频媒体，有类似随视频播放滚动播出评论的方式。但此种模式有一个缺点，评论的内容会极大的影响流媒体本身的观看过程。但声音媒体由于不占用视觉，故而伴随式的声音评论不会对收听本身造成影响。开发这样一种增强式互动评论体验方法的动力源自于用户的需求，我们认为，现有评论技术的精准性比较缺乏，一个音频的流媒体，精彩部分可能就仅仅是整个音频流的一部分，传统的评论方式只能针对整个音频流进行评论，而不能精准到某个具体的时间点上。
技术实现思路
本专利技术的目的在于解决上述问题，提供了一种基于流媒体播放的伴随式评论的互动展示方法和系统，增加媒体播放时的评论的互动性体验，对于音频的某个时间点上可进行精确评论，以及在某个时间点上的评论可在前端进行呈现。本专利技术的技术方案为：本专利技术揭示了一种基于流媒体播放的伴随式评论的互动展示系统，包括评论预加载装置、伴随式显示装置、立体评论添加装置，其中：评论预加载装置，在页面载入时预加载坐标化的播放器时间轴和时间轴上的每个区块的评论数据，并根据预加载的结果进行着色；伴随式显示装置，在流媒体播放时以及鼠标移入立体评论区域时动态显示评论内容；立体评论添加装置，在流媒体的播放条的时间点上添加评论。根据本专利技术的基于流媒体播放的伴随式评论的互动展示系统的一实施例，评论预加载装置包括页面加载请求模块、时间轴坐标化模块、时间轴着色模块，其中：页面加载请求模块，前端向服务器发出加载页面请求，页面加载请求中包含播放器元素，服务器返回页面需要加载的音频标识、播放器时间轴的分块规则、以及每个区块的评论区域所包含的评论数；时间轴坐标化模块，前端根据服务器返回的播放器时间轴的分块规则坐标化播放器时间轴；时间轴着色模块，前端根据服务器返回的每个区块的评论区域所包含的评论数，为时间轴着色。根据本专利技术的基于流媒体播放的伴随式评论的互动展示系统的一实施例，伴随式显示装置包括播放时伴随式评论显示子装置、鼠标移入时立体评论主动显示子装置，其中：播放时伴随式评论显示子装置进一步包括当前坐标轮询计算模块、区块评论加载模块、评论显示模块，其中：当前坐标轮询计算模块，在播放器播放时轮询计算当前时间点对应的播放器坐标位置，根据坐标位置判断该坐标位置所在的区块是否有评论；区块评论加载模块，通过ajax请求向服务器端加载该区块的评论内容，服务器端返回评论内容、评论时间和评论用户；评论显示模块，将评论内容浮动显示在播放器时间轴的上方；鼠标移入时立体评论主动显示子装置进一步包括立体评论交互区域显示模块、评论检查模块，评论信息加载模块，其中：立体评论交互区域显示模块，在播放器的时间轴附近显示立体评论交互区域；评论检查模块，在鼠标移入立体评论交互区域后，获取鼠标当前位置的坐标，检查当前坐标所在的区块是否有评论；评论信息加载模块，在当前区块有评论的情况下，向服务器端发出ajax请求，获取评论内容、评论时间和评论用户，展现在立体评论交互区域内。根据本专利技术的基于流媒体播放的伴随式评论的互动展示系统的一实施例，立体评论添加装置包括鼠标移入指针效果加载模块、评论请求发起模块、评论内容发送模块、评论区域渲染模块，其中：鼠标移入指针效果加载模块，在鼠标移入立体评论交互区域时前端加载鼠标移入的指针效果；评论请求发起模块，当鼠标在区域内点击时计算出鼠标对应的区域坐标，通过ajax请求向服务器端发起评论请求；评论内容发送模块，向服务器端发送评论用户、评论内容、评论时间和评论区块；评论区域渲染模块，根据服务器端返回的评论内容对评论区块进行渲染。本专利技术还揭示了一种基于流媒体播放的伴随式评论的互动展示方法，包括：步骤1：在页面载入时预加载坐标化的播放器时间轴和时间轴上的每个区块的评论数据，并根据预加载的结果进行着色；步骤2：在流媒体播放时以及鼠标移入立体评论区域时动态显示评论内容；步骤3：在流媒体的播放条的时间点上添加评论。根据本专利技术的基于流媒体播放的伴随式评论的互动展示方法的一实施例，步骤1进一步包括：前端向服务器发出加载页面请求，页面加载请求中包含播放器元素，服务器返回页面需要加载的音频标识、播放器时间轴的分块规则、以及每个区块的评论区域所包含的评论数；前端根据服务器返回的播放器时间轴的分块规则坐标化播放器时间轴；前端根据服务器返回的每个区块的评论区域所包含的评论数，为时间轴着色。根据本专利技术的基于流媒体播放的伴随式评论的互动展示方法的一实施例，步骤2进一步包括：在播放器播放时轮询计算当前时间点对应的播放器坐标位置，根据坐标位置判断该坐标位置所在的区块是否有评论；通过ajax请求向服务器端加载该区块的评论内容，服务器端返回评论内容、评论时间和评论用户；将评论内容浮动显示在播放器时间轴的上方；在播放器的时间轴附近显示立体评论交互区域；在鼠标移入立体评论交互区域后，获取鼠标当前位置的坐标，检查当前坐标所在的区块是否有评论；在当前区块有评论的情况下，向服务器端发出ajax请求，获取评论内容、评论时间和评论用户，展现在立体评论交互区域内。根据本专利技术的基于流媒体播放的伴随式评论的互动展示方法的一实施例，步骤3进一步包括：在鼠标移入立体评论交互区域时前端加载鼠标移入的指针效果；当鼠标在区域内点击时计算出鼠标对应的区域坐标，通过ajax请求向服务器端发起评论请求；向服务器端发送评论用户、评论内容、评论时间和评论区块；根据服务器端返回的评论内容对评论区块进行渲染。本专利技术对比现有技术有如下的有益效果：本专利技术的方案是在流媒体播放时针对流媒体的某个具体的时间点进行评论，而不是传统的只能针对某一个声音媒体或者视频媒体进行评论。而且在流媒体播放时，随着时间推移，动态播出流媒体时间点上的评论。为了进一步改善用户评论的体验，还可以有如下的实现方式：用户完成对某一时间点的评论后，该时间点附近的时间轴将会从一种颜色变化成另一种颜色，这在视觉上给用户及上传者一种评论已经生效的反馈。当鼠标划过着色时间轴区域时，利用ajax技术动态加载时间区域的评论，浮动显示在时间轴上方。附图说明图1示出了本专利技术的基于流媒体播放的伴随式评论的互动展示系统的较佳实施例的原理图。图2A、2B、2C分别示出了图1所示的系统中的评论预加载装置、伴随式显示装置、立体评论添加装置的细化原理图。图3示出了本专利技术的基于流媒体播放的伴随式评论的互动展示方法的较佳实施例的流程图。图4A、4B、4C分别示出了图3所示的方法中步骤S10、步骤S12和步骤S14的细化流程图。具体实施方式下面结合附图和实施例对本专利技术作进一步的描述。图1示出了本专利技术的基于流媒体播放的伴随式评论的互动展示系统的较佳实施例的原理。请参见图1，本实施例的系统包括：评论预加载装置1、伴随式显示装置2、立体评论添加装置3。评论预加载装置1在页面载入时预加载坐标化的播放器时间轴和时间轴上的每个区块的评论数据，并根据预加载的结果进行着色。请本文档来自技高网...

【技术保护点】
一种基于流媒体播放的伴随式评论的互动展示系统，包括评论预加载装置、伴随式显示装置、立体评论添加装置，其中：评论预加载装置，在页面载入时预加载坐标化的播放器时间轴和时间轴上的每个区块的评论数据，并根据预加载的结果进行着色；伴随式显示装置，在流媒体播放时以及鼠标移入立体评论区域时动态显示评论内容；立体评论添加装置，在流媒体的播放条的时间点上添加评论。

【技术特征摘要】
1.一种基于流媒体播放的伴随式评论的互动展示系统，包括评论预加载装置、伴随式显示装置、立体评论添加装置，其中：评论预加载装置，在页面载入时预加载坐标化的播放器时间轴和时间轴上的每个区块的评论数据，并根据预加载的结果进行着色；伴随式显示装置，在流媒体播放时以及鼠标移入立体评论区域时动态显示评论内容；立体评论添加装置，在流媒体的播放条的时间点上添加评论；其中评论预加载装置包括页面加载请求模块、时间轴坐标化模块、时间轴着色模块，其中：页面加载请求模块，前端向服务器发出加载页面请求，页面加载请求中包含播放器元素，服务器返回页面需要加载的音频标识、播放器时间轴的分块规则、以及每个区块的评论区域所包含的评论数；时间轴坐标化模块，前端根据服务器返回的播放器时间轴的分块规则坐标化播放器时间轴；时间轴着色模块，前端根据服务器返回的每个区块的评论区域所包含的评论数，为时间轴着色。2.根据权利要求1所述的基于流媒体播放的伴随式评论的互动展示系统，其特征在于，伴随式显示装置包括播放时伴随式评论显示子装置、鼠标移入时立体评论主动显示子装置，其中：播放时伴随式评论显示子装置进一步包括当前坐标轮询计算模块、区块评论加载模块、评论显示模块，其中：当前坐标轮询计算模块，在播放器播放时轮询计算当前时间点对应的播放器坐标位置，根据坐标位置判断该坐标位置所在的区块是否有评论；区块评论加载模块，通过ajax请求向服务器端加载该区块的评论内容，服务器端返回评论内容、评论时间和评论用户；评论显示模块，将评论内容浮动显示在播放器时间轴的上方；鼠标移入时立体评论主动显示子装置进一步包括立体评论交互区域显示模块、评论检查模块，评论信息加载模块，其中：立体评论交互区域显示模块，在播放器的时间轴附近显示立体评论交互区域；评论检查模块，在鼠标移入立体评论交互区域后，获取鼠标当前位置的坐标，检查当前坐标所在的区块是否有评论；评论信息加载模块，在当前区块有评论的情况下，向服务器端发出ajax请求，获取评论内容、评论时间和评论用户，展现在立体评论交互区域内。3.根据权利要求2所述的基于流媒体播放的伴随式评论的互动展示系统，其特征在于，立体评论添加装置包括鼠标移入指针效果加载模块、评论请求发起...

【专利技术属性】
技术研发人员：丁其骏，
申请(专利权)人：上海证大喜马拉雅网络科技有限公司，
类型：发明
国别省市：上海;31