视频播放方法、装置和电子设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114390340A(43)申请公布日2022.04.22(21)申请号202111667167.X(22)申请日2021.12.30(71)申请人北京鸿合爱学教育科技有限公司地址100085北京市海淀区上地三街9号C座10层C1106室(72)发明人樊立斌(74)专利代理机构北京东方亿思知识产权代理有限责任公司11258代理人桂艳球(51)Int.Cl.H04N21/439(2011.01)H04N21/44(2011.01)权利要求书2页说明书9页附图2页(54)发明名称视频播放方法、装置和电子设备(57)摘要本申请公开了一种视频播放方法、装置及电子设备，涉及视频处理技术领域。所述方法包括：通过所述浏览器中的网络模块获取音视频数据，并对所述音视频数据进行解码，得到视频数据和音频数据，其中，所述网络模块为设置于所述浏览器的渲染引擎之外的模块；将所述视频数据和所述音频数据传输至渲染引擎，并通过所述渲染引擎对所述视频数据进行渲染，以及通过所述渲染引擎对所述音频数据进行渲染，以使所述浏览器播放所述音视频数据对应的视频。本申请实施例提供的视频播放方法、装置及电子设备，能够提升视频播放的稳定性。CN114390340ACN114390340A权利要求书1/2页1.一种视频播放方法，其特征在于，所述方法包括：通过浏览器中的网络模块获取音视频数据，并对所述音视频数据进行解码，得到视频数据和音频数据，其中，所述网络模块为设置于所述浏览器的渲染引擎之外的模块；将所述视频数据和所述音频数据传输至渲染引擎，并通过所述渲染引擎对所述视频数据进行渲染，以及通过所述渲染引擎对所述音频数据进行渲染，以使所述浏览器播放所述音视频数据对应的视频。2.根据权利要求1所述的方法，其特征在于，所述渲染引擎配置有至少两种视频渲染模式，所述通过所述渲染引擎对所述视频数据进行渲染，包括：通过所述渲染引擎采用目标视频渲染模式对所述视频数据进行渲染，其中，所述目标视频渲染模式为所述至少两种视频渲染模式中的任一种视频渲染模式。3.根据权利要求2所述的方法，其特征在于，所述至少两种视频渲染模式包括OpenGL视频渲染模式和Canvas视频渲染模式；所述通过所述渲染引擎采用目标视频渲染模式对所述视频数据进行渲染，包括：在所述渲染引擎支持采用OpenGL视频渲染模式对所述视频数据进行渲染的情况下，通过所述渲染引擎采用OpenGL视频渲染模式对所述视频数据进行渲染；在所述渲染引擎不支持采用OpenGL视频渲染模式对所述视频数据进行渲染的情况下，通过所述渲染引擎采用Canvas视频渲染模式对所述视频数据进行渲染。4.根据权利要求1所述的方法，其特征在于，所述浏览器中配置有所述网络模块的缓存区；所述通过所述浏览器中的网络模块获取音视频数据，包括：通过所述网络模块的下载线程从服务器中拉取音视频数据并缓存至所述网络模块的缓存区中；从所述网络模块的缓存区中获取所述音视频数据。5.根据权利要求1所述的方法，其特征在于，所述网络模块为网页组件WebAssembly模块，且所述WebAssembly模块包括数据拉取模块和解码模块，所述解码模块与所述数据拉取模块连接，所述通过浏览器中的网络模块获取音视频数据，并对所述音视频数据进行解码，得到视频数据和音频数据，包括：通过所述数据拉取模块从服务器获取音视频数据；以及通过所述解码模块对所述音视频数据进行解码，得到视频数据和音频数据。6.一种视频播放装置，其特征在于，所述装置包括：音视频数据解码模块，用于通过浏览器中的网络模块获取音视频数据，并对所述音视频数据进行解码，得到视频数据和音频数据，其中，所述网络模块为设置于所述浏览器的渲染引擎之外的模块；渲染模块，用于将所述视频数据和所述音频数据传输至渲染引擎，并通过所述渲染引擎对所述视频数据进行渲染，以及通过所述渲染引擎对所述音频数据进行渲染，以使所述浏览器播放所述音视频数据对应的视频。7.根据权利要求6所述的装置，其特征在于，所述渲染引擎配置有至少两种视频渲染模2CN114390340A权利要求书2/2页式，所述渲染模块，具体用于：通过所述渲染引擎采用目标视频渲染模式对所述视频数据进行渲染，其中，所述目标视频渲染模式为所述至少两种视频渲染模式中的任一种视频渲染模式。8.根据权利要求7所述的装置，其特征在于，所述至少两种视频渲染模式包括OpenGL视频渲染模式和Canvas视频渲染模式；所述渲染模块，包括：第一视频数据渲染单元，用于在所述渲染引擎支持采用OpenGL视频渲染模式对所述视频数据进行渲染的情况下，通过所述渲染引擎采用OpenGL视频渲染模式对所述视频数据进行渲染；第二视频数据渲染单元，用于在所述渲染引擎不支持采用OpenG