【技术实现步骤摘要】
一种基于HTML5视频动态帧率回放的音视频精准同步方法
本专利技术涉及HTML5视频播放、编辑及推荐相关领域，特别涉及一种基于HTML5视频动态帧率回放的音视频精准同步方法。
技术介绍
HTML5是近十年来Web标准最巨大的飞跃。HTML5并非仅仅用来表示Web内容，它也将Web带入一个成熟的应用平台，在这个平台上，视频，音频，动画，以及同电脑的交互都被标准化。随着HTML5的发展，各个浏览器都已经或即将支持HTML5。但现有技术中的HTML5视频想要回放时，只能采用原始帧率进行回放，而不能进行动态帧率进行回放，想要改变回放帧率，必须重新制作视频流，这样费时且会明显感觉画面不流畅，影响用户体验。
技术实现思路
本专利技术的目的在于：提供了一种基于HTML5视频动态帧率回放的音视频精准同步方法，解决了现有技术中HTML5视频回放只能采用原始帧率进行回放，而不能进行动态帧率进行回放的问题，使HTML5视频回放的画面更连贯、更流畅、更清晰。本专利技术采用的技术方案如下：一种基于HTML5...
【技术保护点】
1.一种基于HTML5视频动态帧率回放的音视频精准同步方法，其特征在于，包括以下步骤：/n步骤1：将视频流转换为视频帧图像并以HTML5的二进制数据格式进行缓存；/n步骤2：直接播放音频流；/n步骤3：获取所述步骤2中播放的音频流的当前时刻，换算为当前的帧图像序号；从所述步骤1中取出该序号对应的已缓存的帧图像数据进行图像显示，并用HTML5包含的CSS3的transition方法消除图像抖动，最终呈现出精准同步的音频与视频。/n
【技术特征摘要】
1.一种基于HTML5视频动态帧率回放的音视频精准同步方法，其特征在于，包括以下步骤：
步骤1：将视频流转换为视频帧图像并以HTML5的二进制数据格式进行缓存；
步骤2：直接播放音频流；
步骤3：获取所述步骤2中播放的音频流的当前时刻，换算为当前的帧图像序号；从所述步骤1中取出该序号对应的已缓存的帧图像数据进行图像显示，并用HTML5包含的CSS3的transition方法消除图像抖动，最终呈现出精准同步的音频与视频。
2.根据权利要求1所述的一种基于HTML5视频动态帧率回放的音视频精准同步方法，其特征在于，所述步骤1中将视频流转换为视频帧图像并进行缓存的具体方法为：
S1：根据视频流的帧率将视频流转换为对应的每帧图像，并以HTML5的二进制数据格式缓存在数据队列中，队列长度为1至2秒的图像数据，即：视频流原始帧率*缓存时长；
S2：缓存帧图像时，按回放帧率缓存帧图像数据，不按原始帧率缓存帧图像数据；回放帧率对应的帧图像数据成为关键帧，非回放帧率对应的帧图像数据成为非关键帧，非关键帧直接采用前面相邻最近的关键帧的帧图像数据；
S3：每回放完一帧...
【专利技术属性】
技术研发人员：蔡毅，
申请(专利权)人：成都掌中全景信息技术有限公司，
类型：发明
国别省市：四川;51
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。