CN113038292B - 基于浏览器的监控音视频传输播放系统、方法及装置 - Google Patents

基于浏览器的监控音视频传输播放系统、方法及装置 Download PDF

Info

Publication number
CN113038292B
CN113038292B CN202110297379.7A CN202110297379A CN113038292B CN 113038292 B CN113038292 B CN 113038292B CN 202110297379 A CN202110297379 A CN 202110297379A CN 113038292 B CN113038292 B CN 113038292B
Authority
CN
China
Prior art keywords
video file
monitoring audio
video
monitoring
identifier
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
Application number
CN202110297379.7A
Other languages
English (en)
Other versions
CN113038292A (zh
Inventor
周勉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
PCI Technology Group Co Ltd
Original Assignee
PCI Technology Group Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by PCI Technology Group Co Ltd filed Critical PCI Technology Group Co Ltd
Priority to CN202110297379.7A priority Critical patent/CN113038292B/zh
Publication of CN113038292A publication Critical patent/CN113038292A/zh
Application granted granted Critical
Publication of CN113038292B publication Critical patent/CN113038292B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
    • H04N21/835—Generation of protective data, e.g. certificates
    • H04N21/8352—Generation of protective data, e.g. certificates involving content or source identification data, e.g. Unique Material Identifier [UMID]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
    • H04L65/60—Network streaming of media packets
    • H04L65/70—Media network packetisation
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/14—Session management
    • H04L67/146—Markers for unambiguous identification of a particular session, e.g. session cookie or URL-encoding
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81—Monomedia components thereof
    • H04N21/8166—Monomedia components thereof involving executable data, e.g. software
    • H04N21/8173—End-user applications, e.g. Web browser, game

Landscapes

  • Engineering & Computer Science (AREA)
  • Signal Processing (AREA)
  • Multimedia (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Computer Security & Cryptography (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Closed-Circuit Television Systems (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

本申请实施例公开了一种基于浏览器的监控音视频传输播放系统、方法及装置。本申请实施例提供的技术方案，通过视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为监控音视频文件添加标识符，并将添加标识符的监控音视频文件发送至前端浏览器，由前端浏览器识别监控音视频文件中的标识符，进而确定监控音视频文件的编码格式，根据已确定的编码格式调用解码库，基于解码库对监控音视频文件进行解码并播放。采用上述技术手段，可以省去系统转码传输监控音视频文件的流程，通过webRTC插件和解码库使前端浏览器支持编码格式文件的解码和无插件播放，以此可减少视频联网平台的计算资源消耗，提升监控音视频的传输播放效率。

Description

基于浏览器的监控音视频传输播放系统、方法及装置
技术领域
本申请实施例涉及视频监控技术领域，尤其涉及一种基于浏览器的监控音视频传输播放系统、方法及装置。
背景技术
目前，在联网视频监控场景中，通常由视频摄像机通过网络接入视频联网平台，视频联网平台实时接收视频摄像机传输的监控音视频并进行分发。用户通过登录浏览器客户端即可浏览对应的监控音视频。由于浏览器只支持H5标准(H.264+AAC)的音视频解码，对于视频监控行业来说，像H.265、SVAC和G.711A等音视频编码格式，均无法在浏览器上直接解码播放。为此，视频联网平台在传输监控音视频至前端浏览器时，会将监控音视频转码成支持H5标准的格式进行传输，以此来实现前端浏览器无插件播放监控音视频。
但是，通过视频联网平台进行监控音视频转码传输的方式，会过度消耗视频联网平台的计算资源，增大视频联网平台的数据处理压力。
发明内容
本申请实施例提供一种基于浏览器的监控音视频传输播放系统、方法及装置，能够在实现前端浏览器无插件播放监控音视频的同时减少系统计算资源的消耗，提升监控音视频的传输播放效率。
在第一方面，本申请实施例提供了一种基于浏览器的监控音视频传输播放系统，包括：视频联网平台和前端浏览器；
所述视频联网平台包含标识符添加代码，所述视频联网平台用于接收监控摄像机上传的监控音视频文件，并获取所述监控音视频文件的编码格式，根据所述编码格式使用所述标识符添加代码对所述监控音视频文件添加标识符，并根据所述前端浏览器的监控视频播放请求发送所述监控音视频文件至所述前端浏览器，所述标识符预先根据各类所述编码格式对应设置；
所述前端浏览器集成有对应所述编码格式的解码库以及所述标识符的识别代码，用于上传所述监控视频播放请求至所述视频联网平台，接收所述视频联网平台发送的所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的所述编码格式，基于已确定的所述编码格式调用所述解码库对所述监控音视频文件进行解码并播放。
进一步的，所述视频联网平台集成有第一webRTC插件，所述第一webRTC插件包含所述标识符添加代码，所述视频联网平台通过所述第一webRTC插件发送添加所述标识符的所述监控音视频文件至所述前端浏览器；对应的，所述前端浏览器集成有第二webRTC插件，所述第二webRTC插件包含所述识别代码，所述前端浏览器通过所述第二webRTC插件接收所述监控音视频文件，并识别所述监控音视频文件的所述标识符；所述前端浏览器预先修改内核以支持加载所述第二webRTC插件。
进一步的，所述编码格式为H.265、SVAC或G.711A编码格式。
进一步的，所述前端浏览器为Chromium浏览器。
在第二方面，本申请实施例提供了一种基于浏览器的监控音视频传输播放方法，应用于如本申请实施例第一方面所述的基于浏览器的监控音视频传输播放系统，包括：
视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器；
前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式；
所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
进一步的，视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器，包括：
视频联网平台接收监控摄像机上传的监控音视频文件，由第一webRTC插件通过标识符添加代码为所述监控音视频文件添加标识符，并通过所述第一webRTC插件发送添加所述标识符的所述监控音视频文件至所述前端浏览器；
对应的，前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式，包括：
前端浏览器通过第二webRTC插件接收所述监控音视频文件，由所述第二webRTC插件通过识别代码识别所述监控音视频文件的所述标识符，基于识别到的所述标识符确定所述监控音视频文件的编码格式。
进一步的，所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放，包括：
所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库中的对应解码代码，通过对应的所述解码代码对所述监控音视频文件进行解码并播放。
进一步的，所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放，还包括：
所述前端浏览器基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符。
进一步的，所述前端浏览器基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符，还包括：
所述前端浏览器反馈解码失败提示及所述解码库各个解码代码所对应解码的编码格式信息至所述视频联网平台；
对应的，所述视频联网平台接收所述解码失败提示和所述编码格式信息，基于所述编码格式信息调用预设的转码代码对所述监控音视频文件进行转码，将转码后的所述监控音视频文件发送至所述前端浏览器。
在第三方面，本申请实施例提供了一种基于浏览器的监控音视频传输播放装置，包括：
标识模块，用于通过视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器；
识别模块，用于通过前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式；
解码模块，用于通过所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
在第四方面，本申请实施例提供了另一种基于浏览器的监控音视频传输播放方法，应用于视频联网平台，包括：
接收监控摄像机上传的监控音视频文件；
通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器，以通过所述前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式，基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
在第五方面，本申请实施例提供了一种基于浏览器的监控音视频传输播放方法，应用于前端浏览器，包括：
接收视频联网平台发送的监控音视频文件，识别所述监控音视频文件的标识符，确定所述监控音视频文件的编码格式，所述监控音视频文件预先由所述视频联网平台通过标识符添加代码添加所述标识符；
基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
进一步的，接收视频联网平台发送的监控音视频文件，识别所述监控音视频文件的标识符，确定所述监控音视频文件的编码格式，包括：
通过第二webRTC插件接收所述监控音视频文件，由所述第二webRTC插件通过识别代码识别所述监控音视频文件的所述标识符，基于识别到的所述标识符确定所述监控音视频文件的编码格式，所述监控音视频文件预先由所述视频联网平台的第一webRTC插件通过标识符添加代码添加所述标识符，并通过所述第一webRTC插件进行发送。
进一步的，基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放，包括：
基于所述监控音视频文件的所述编码格式调用解码库中的对应解码代码，通过对应的所述解码代码对所述监控音视频文件进行解码并播放。
进一步的，基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放，还包括：
基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符。
进一步的，基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符，还包括：
反馈解码失败提示及所述解码库各个解码代码所对应解码的编码格式信息至所述视频联网平台，以供所述视频联网平台基于所述编码格式信息调用预设的转码代码对所述监控音视频文件进行转码，返回转码后的所述监控音视频文件。
在第六方面，本申请实施例提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如第二、第四和第五方面所述的基于浏览器的监控音视频传输播放方法。
本申请实施例通过视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为监控音视频文件添加标识符，并将添加标识符的监控音视频文件发送至前端浏览器，由前端浏览器识别监控音视频文件中的标识符，进而确定监控音视频文件的编码格式，根据已确定的编码格式调用解码库，基于解码库对监控音视频文件进行解码并播放。采用上述技术手段，可以省去系统转码传输监控音视频文件的流程，通过webRTC插件和解码库使前端浏览器支持不同编码格式文件的解码和无插件播放，以此可减少视频联网平台的计算资源消耗，提升监控音视频的传输播放效率。
附图说明
图1是本申请实施例一提供的一种基于浏览器的监控音视频传输播放系统的连接示意图；
图2是本申请实施例一提供的一种基于浏览器的监控音视频传输播放方法的流程图；
图3是本申请实施例一中基于浏览器的监控音视频传输播放系统结构示意图；
图4是本申请实施例二提供的一种基于浏览器的监控音视频传输播放装置的结构示意图。
具体实施方式
为了使本申请的目的、技术方案和优点更加清楚，下面结合附图对本申请具体实施例作进一步的详细描述。可以理解的是，此处所描述的具体实施例仅仅用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部内容。在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理，但是其中的许多操作可以被并行地、并发地或者同时实施。此外，各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
本申请提供的一种基于浏览器的监控音视频传输播放系统及方法，旨在通过webRTC插件和解码库使前端浏览器支持各种监控音视频文件的解码，以此来减少系统进行音视频文件转码所消耗的计算资源，提升监控音视频的传输播放效率。相对于传统的监控音视频传输机制，由于前端浏览器只支持H5标准格式的监控音视频文件解码和播放，系统为了能够实现监控音视频在前端浏览器进行播放，需要在视频联网平台一端将接收到的监控音视频转码成支持H5标准的编码格式，进而将转码后的监控音视频文件发送至前端浏览器进行播放。例如，在前端浏览器采用Flv.js格式进行播放，对应的，在视频联网平台一端，将摄像机上传的监控音视频文件转码成HTTP-FLV格式，并传输至前端浏览器进行播放。由于视频联网平台预先对采集到的监控音视频文件进行转码，需要耗费一定的计算资源。倘若需要转码的监控音视频文件过多，会导致视频联网平台的大部分计算资源被占用，进而影响视频联网平台的数据处理效率，延缓监控音视频文件的传输和播放效率。基于此，提供本申请实施例的一种基于浏览器的监控音视频传输播放系统及方法，以解决现有监控音视频传输低效、实时性差的技术问题。
实施例一：
图1给出了本申请实施例一提供的一种基于浏览器的监控音视频传输播放系统的连接示意图，参照图1，该基于浏览器的监控音视频传输播放系统，包括视频联网平台12和前端浏览器13；所述视频联网平台12包含标识符添加代码，所述视频联网平台12用于接收监控摄像机11上传的监控音视频文件，并获取所述监控音视频文件的编码格式，根据所述编码格式使用所述标识符添加代码对所述监控音视频文件添加标识符，并根据所述前端浏览器13的监控音视频播放请求发送所述监控音视频文件至所述前端浏览器13，所述标识符预先根据各类所述编码格式对应设置；
所述前端浏览器13集成有对应所述编码格式的解码库以及所述标识符的识别代码，用于上传所述监控视频播放请求至所述视频联网平台12，接收所述视频联网平台12发送的所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的所述编码格式，基于已确定的所述编码格式调用所述解码库对所述监控音视频文件进行解码并播放。
具体的，在视频监控场景中，对应各个需要进行监控的区域设置监控摄像机11，监控摄像机11与视频联网平台12信号连接。各个监控摄像机11实时采集监控音视频，将对应的监控音视频文件传输至视频联网平台12。监控摄像机11在上传监控音视频文件时，会使用相应的编码格式对监控音视频文件进行编码，以使文件压缩进行传输。其中，监控摄像机11上传的监控音视频文件，其编码格式为H.265、SVAC或G.711A编码格式。对应视频联网平台12一端，其接收监控音视频文件时，还同时获取该监控音视频文件的编码格式。编码格式的获取可以由监控摄像机在上传监控音视频文件时主动告知，也可以由视频联网平台在对接监控摄像机时，通过协议获取其监控音视频的编码格式。此外，视频联网平台还可以预先存储各个监控摄像机与编码格式的映射关系，后续接收到那个监控摄像机上传的监控音视频文件，根据该映射关系，即可确定监控音视频文件的编码格式。进一步的，为了使前端浏览器能够确定发送过去的监控音视频文件所使用的编码格式，会使用预先设置的标识符添加代码对接收到的监控音视频文件添加标识符，进一步将监控音视频文件发送至对应的前端浏览器。同样的，前端浏览器预先设置了上述标识符的识别代码，在接收到监控音视频文件时，通过标识符的识别代码识别监控音视频文件的标识符，进而确定监控音视频文件的编码格式。以此即可通过预先设定的解码库，提取对应编码格式的解码代码对接收到的监控音视频文件进行解码，进而将解码后的监控音视频文件输出播放。以此来省去视频联网平台的转码流程，提升监控音视频的传输播放效率。
进一步的，图2给出了本申请实施例一提供的一种基于浏览器的监控音视频传输播放方法的流程图，本实施例中提供的基于浏览器的监控音视频传输播放方法可以由上述基于浏览器的监控音视频传输播放系统执行，该基于浏览器的监控音视频传输播放系统可以通过软件和/或硬件的方式实现，该基于浏览器的监控音视频传输播放系统可以是两个或多个物理实体构成。
下述以基于浏览器的监控音视频传输播放系统为执行基于浏览器的监控音视频传输播放方法的主体为例，进行描述。参照图2，该基于浏览器的监控音视频传输播放方法具体包括：
S110、视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器。
S120、前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式。
S130、所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
示例性的，对应视频监控场景，在前端浏览器观看监控视频时，用户通过相关终端(如电脑、手机、平板等)的前端浏览器登录监控客户端，通过监控客户端与视频联网平台进行交互，获取相应的监控音视频文件。前端浏览器接收到添加标识符的监控音视频文件后，基于预先设置的标识符识别代码和代码库解码监控音视频文件，进而输出进行显示。可以理解的是，上述编码格式与标识符应当存在相互对应的映射关系。并且，对应前端浏览器一端，标识符应当与解码代码存在相互对应的映射关系。以便于后续在识别到标识符确定监控音视频文件的编码格式后，通过调用对应的解码代码进行解码。
具体的，参照图3，提供本申请基于浏览器的监控音视频传输播放系统结构示意图，本申请实施例中，所述视频联网平台集成有第一webRTC插件，所述第一webRTC插件包含所述标识符添加代码，所述视频联网平台通过所述第一webRTC插件发送添加所述标识符的所述监控音视频文件至所述前端浏览器；对应的，所述前端浏览器集成有第二webRTC插件，所述第二webRTC插件包含所述识别代码，所述前端浏览器通过所述第二webRTC插件接收所述监控音视频文件，并识别所述监控音视频文件的所述标识符；所述前端浏览器预先修改内核以支持加载所述第二webRTC插件。
采用webRTC(Web Real-Time Communication，网页即时通信)插件传输监控音视频文件，可以实现视频联网平台和前端浏览器的即时通讯。此外，通过webRTC插件使得用户可以基于浏览器使用更丰富的实时多媒体应用，且无需下载安装任何其他插件。具体的，在设置本申请实施例基于浏览器的监控音视频传输播放系统时，由于视频联网平台本身不具备webRTC插件，为了与前端浏览器进行监控视频流的即时通讯，需要在视频联网平台中添加webRTC插件，定义这一webRTC插件为第一webRTC插件，该第一webRTC插件包含了标识符添加代码。视频联网平台在接收监控摄像机上传的监控音视频文件后，由第一webRTC插件通过标识符添加代码为所述监控音视频文件添加标识符，并通过所述第一webRTC插件发送添加所述标识符的所述监控音视频文件至所述前端浏览器。
需要说明的是，由于传统的webRTC插件只能识别和传输H5标准(H.264+AAC)的监控音视频文件，如若传输的监控音视频文件不是采用H5标准的格式，前端浏览器接收到以后，无法通过对应H5标准的解码代码进行解码，也就无法播放该监控音视频文件。为了使webRTC插件能够识别和传输H.265、SVAC和G.711A等编码格式，需要对该第一webRTC插件进行修改，使其能够识别H.265、SVAC和G.711A等编码格式的监控音视频文件。其中，通过在第一webRTC插件中设置该标识符添加代码，当确定监控摄像机发送的监控音视频文件的格式后，添加对应的标识符代码，并将添加了标识符代码的监控音视频文件发送至前端浏览器。
对应的，前端浏览器通过第二webRTC插件接收所述监控音视频文件，由所述第二webRTC插件通过识别代码识别所述监控音视频文件的所述标识符，基于识别到的所述标识符确定所述监控音视频文件的编码格式。为了实现H.265、SVAC和G.711A等编码格式的监控音视频文件的传输，前端浏览器也同样进行修改。其中，若前端浏览器为Chromium浏览器，由于Chromium浏览器本身具备webRTC插件，则只需要修改其webRTC插件，定义该webRTC插件为第二webRTC插件。在第二webRTC插件中添加标识符的识别代码，使Chromium浏览器能够识别监控音视频文件包含的标识符。需要说明的是，由于修改了第二webRTC插件，为了使前端浏览器能够加载第二webRTC插件，还需要对前端浏览器的内核进行修改。而如若前端浏览器不包含webRTC插件，则需要在前端浏览器中添加第二webRTC插件，以通过第二webRTC插件识别监控音视频文件的标识符。
需要说明的是，本申请实施例采用直接在视频联网平台设置标识符添加代码，以及在前端浏览器设置标识符识别代码的方式，也可以实现监控音视频的传输及无插件播放。而本申请实施例进一步采用在视频联网平台和前端浏览器设置webRTC插件的方式，可以实现视频联网平台与前端浏览器的即时通信，并基于webRTC插件实现后续监控音视频的其他多媒体应用。
进一步的，在通过第二webRTC插件识别监控音视频文件的标识符，确定监控音视频文件的监控音视频格式后，由所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库中的对应解码代码，通过对应的所述解码代码对所述监控音视频文件进行解码并播放。其中，前端浏览器基于该监控音视频文件的编码格式查询自身解码库，在自身解码库中找到对应的解码代码，进而使用该解码代码进行解码。可以理解的是，对应不同的编码格式，解码库预先存储相对应的解码代码。一般而言，解码库中的解码代码根据监控摄像机一端压缩传输监控音视频文件时所使用的编码格式确定。同样的，视频联网平台所需要使用的标识符也根据监控摄像机一端压缩传输监控音视频文件时所使用的编码格式确定。需要增加一种编码格式时，视频联网平台需要新增一种对应该新增加的编码格式的标识符，而前端浏览器则需要对应该新增加的编码格式在解码库中新增加相对应的解码代码。
在一个实施例中，所述前端浏览器基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符。一般而言，如若监控音视频文件所使用的编码格式与解码库中的相同，则可以直接调用解码代码解码监控音视频文件。而如若解码库中不包含解码该监控音视频文件的解码代码，则此时通过输出显示解码失败提示以告知用户监控视频解码失败。进一步的，为了方便用户处理该解码失败情况，前端浏览器还进一步将该监控音视频文件的标识符进行输出显示。以此，用户根据音频文件的标识符，即可对应更新该前端浏览器的解码库，补充上述解码失败的监控音视频文件的解码代码，以使得前端浏览器可以解码该监控音视频文件进行播放。
进一步的，在输出显示解码失败提示及监控音视频文件的标识符后，前端处理器还可以通过弹出对话框询问用户是否更新解码库或者直接进行解码库的更新。在更新解码库时，前端浏览器发送该监控音视频文件的标识符至系统运维后台。系统后台基于接收到的标识符，提取该标识符所对应的编码格式的解码代码，将解码代码发送至对应的前端处理器进行解码库更新。以此，通过补充上述解码失败的监控音视频文件的解码代码，以使得前端浏览器可以解码该监控音视频文件进行播放。
在一个实施例中，在输出显示解码失败提示及监控音视频文件的标识符后，所述前端浏览器还反馈解码失败提示及所述解码库各个解码代码所对应解码的编码格式信息至所述视频联网平台；对应的，所述视频联网平台接收所述解码失败提示和所述编码格式信息，基于所述编码格式信息调用预设的转码代码对所述监控音视频文件进行转码，将转码后的所述监控音视频文件发送至所述前端浏览器。可以理解的是，在正常情况下，视频联网平台不进行监控音视频文件的转码操作。当监控音视频文件解码失败时，为了使前端浏览器能够播放这一监控音视频文件，通过前端浏览器反馈解码库各个解码代码所对应解码的编码格式信息至所述视频联网平台，以便于视频联网平台利用自身的转码代码将监控音视频文件转码成解码库能够解码的格式进行传输，以此来实现前端浏览器播放该监控音视频文件。
在一个实施例中，在输出显示解码失败提示及监控音视频文件的标识符后，前端浏览器可以只反馈解码失败提示至视频联网平台。视频联网平台根据该解码失败提示，将对应的监控音视频文件转码成H5标准(H.264+AAC)的音视频编码格式，并重发至前端浏览器。可以理解的是，一般前端浏览器(如Chromium浏览器)均支持H5标准(H.264+AAC)的监控音视频文件播放。因此，视频联网平台通过将监控音视频文件转码成H5标准(H.264+AAC)的音视频编码格式，同样可以使前端浏览器解码并播放该监控音视频文件。
上述，通过视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为监控音视频文件添加标识符，并将添加标识符的监控音视频文件发送至前端浏览器，由前端浏览器识别监控音视频文件中的标识符，进而确定监控音视频文件的编码格式，根据已确定的编码格式调用解码库，基于解码库对监控音视频文件进行解码并播放。采用上述技术手段，可以省去系统转码传输监控音视频文件的流程，通过webRTC插件和解码库使前端浏览器支持编码格式文件的解码和无插件播放，以此可减少视频联网平台的计算资源消耗，提升监控音视频的传输播放效率。
实施例二：
在上述实施例的基础上，图4为本申请实施例二提供的一种基于浏览器的监控音视频传输播放装置的结构示意图。参考图4，本实施例提供的基于浏览器的监控音视频传输播放装置具体包括：标识模块21、识别模块22和解码模块23。
其中，标识模块21，用于通过视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器；
识别模块22，用于通过前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式；
解码模块23，用于通过所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
上述，通过视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为监控音视频文件添加标识符，并将添加标识符的监控音视频文件发送至前端浏览器，由前端浏览器识别监控音视频文件中的标识符，进而确定监控音视频文件的编码格式，根据已确定的编码格式调用解码库，基于解码库对监控音视频文件进行解码并播放。采用上述技术手段，可以省去系统转码传输监控音视频文件的流程，通过webRTC插件和解码库使前端浏览器支持编码格式文件的解码和无插件播放，以此可减少视频联网平台的计算资源消耗，提升监控音视频的传输播放效率。
本申请实施例二提供的基于浏览器的监控音视频传输播放装置可以用于执行上述实施例一提供的基于浏览器的监控音视频传输播放方法，具备相应的功能和有益效果。
实施例三：
本申请实施例还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种基于浏览器的监控音视频传输播放方法，该基于浏览器的监控音视频传输播放方法包括：视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器；前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式；所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
存储介质——任何的各种类型的存储器设备或存储设备。术语“存储介质”旨在包括：安装介质，例如CD-ROM、软盘或磁带装置；计算机系统存储器或随机存取存储器，诸如DRAM、DDR RAM、SRAM、EDO RAM，兰巴斯(Rambus)RAM等；非易失性存储器，诸如闪存、磁介质(例如硬盘或光存储)；寄存器或其它相似类型的存储器元件等。存储介质还可以包括其它类型的存储器或其组合。另外，存储介质可以位于程序在其中被执行的第一计算机系统中，或者可以位于不同的第二计算机系统中，第二计算机系统通过网络(诸如因特网)连接到第一计算机系统。第二计算机系统可以提供程序指令给第一计算机用于执行。术语“存储介质”可以包括驻留在不同位置中(例如在通过网络连接的不同计算机系统中)的两个或更多存储介质。存储介质可以存储可由一个或多个处理器执行的程序指令(例如具体实现为计算机程序)。
当然，本申请实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的基于浏览器的监控音视频传输播放方法，还可以执行本申请任意实施例所提供的基于浏览器的监控音视频传输播放方法中的相关操作。
上述实施例中提供的基于浏览器的监控音视频传输播放装置、存储介质及电子设备可执行本申请任意实施例所提供的基于浏览器的监控音视频传输播放方法，未在上述实施例中详尽描述的技术细节，可参见本申请任意实施例所提供的基于浏览器的监控音视频传输播放方法。
上述仅为本申请的较佳实施例及所运用的技术原理。本申请不限于这里所述的特定实施例，对本领域技术人员来说能够进行的各种明显变化、重新调整及替代均不会脱离本申请的保护范围。因此，虽然通过以上实施例对本申请进行了较为详细的说明，但是本申请不仅仅限于以上实施例，在不脱离本申请构思的情况下，还可以包括更多其他等效实施例，而本申请的范围由权利要求的范围决定。

Claims (13)

1.一种基于浏览器的监控音视频传输播放系统，其特征在于，包括：视频联网平台和前端浏览器；
所述视频联网平台包含标识符添加代码，所述视频联网平台用于接收监控摄像机上传的监控音视频文件，并获取所述监控音视频文件的编码格式，根据所述编码格式使用所述标识符添加代码对所述监控音视频文件添加标识符，并根据所述前端浏览器的监控视频播放请求发送所述监控音视频文件至所述前端浏览器，所述标识符预先根据各类所述编码格式对应设置，所述编码格式为H.265、SVAC或G.711A编码格式；
所述前端浏览器集成有对应所述编码格式的解码库以及所述标识符的识别代码，用于上传所述监控视频播放请求至所述视频联网平台，接收所述视频联网平台发送的所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的所述编码格式，基于已确定的所述编码格式调用所述解码库对所述监控音视频文件进行解码并播放；
所述视频联网平台集成有第一webRTC插件，所述第一webRTC插件包含所述标识符添加代码，所述视频联网平台通过所述第一webRTC插件发送添加所述标识符的所述监控音视频文件至所述前端浏览器；对应的，所述前端浏览器集成有第二webRTC插件，所述第二webRTC插件包含所述识别代码，所述前端浏览器通过所述第二webRTC插件接收所述监控音视频文件，并识别所述监控音视频文件的所述标识符；所述前端浏览器预先修改内核以支持加载所述第二webRTC插件。
2.根据权利要求1所述的基于浏览器的监控音视频传输播放系统，其特征在于，所述前端浏览器为Chromium浏览器。
3.一种基于浏览器的监控音视频传输播放方法，应用于如权利要求1-2任一所述的基于浏览器的监控音视频传输播放系统，其特征在于，包括：
视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器，其中，包括视频联网平台接收监控摄像机上传的监控音视频文件，由第一webRTC插件通过标识符添加代码为所述监控音视频文件添加标识符，并通过所述第一webRTC插件发送添加所述标识符的所述监控音视频文件至所述前端浏览器；
前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式，其中，包括前端浏览器通过第二webRTC插件接收所述监控音视频文件，由所述第二webRTC插件通过识别代码识别所述监控音视频文件的所述标识符，基于识别到的所述标识符确定所述监控音视频文件的编码格式；所述编码格式为H.265、SVAC或G.711A编码格式；
所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
4.根据权利要求3所述的基于浏览器的监控音视频传输播放方法，其特征在于，所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放，包括：
所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库中的对应解码代码，通过对应的所述解码代码对所述监控音视频文件进行解码并播放。
5.根据权利要求4所述的基于浏览器的监控音视频传输播放方法，其特征在于，所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放，还包括：
所述前端浏览器基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符。
6.根据权利要求5所述的基于浏览器的监控音视频传输播放方法，其特征在于，所述前端浏览器基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符，还包括：
所述前端浏览器反馈解码失败提示及所述解码库各个解码代码所对应解码的编码格式信息至所述视频联网平台；
对应的，所述视频联网平台接收所述解码失败提示和所述编码格式信息，基于所述编码格式信息调用预设的转码代码对所述监控音视频文件进行转码，将转码后的所述监控音视频文件发送至所述前端浏览器。
7.一种基于浏览器的监控音视频传输播放装置，其特征在于，包括：
标识模块，用于通过视频联网平台接收监控摄像机上传的监控音视频文件，通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器，其中，包括视频联网平台接收监控摄像机上传的监控音视频文件，由第一webRTC插件通过标识符添加代码为所述监控音视频文件添加标识符，并通过所述第一webRTC插件发送添加所述标识符的所述监控音视频文件至所述前端浏览器；
识别模块，用于通过前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式，其中，包括前端浏览器通过第二webRTC插件接收所述监控音视频文件，由所述第二webRTC插件通过识别代码识别所述监控音视频文件的所述标识符，基于识别到的所述标识符确定所述监控音视频文件的编码格式；所述编码格式为H.265、SVAC或G.711A编码格式；
解码模块，用于通过所述前端浏览器基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
8.一种基于浏览器的监控音视频传输播放方法，应用于视频联网平台，其特征在于，包括：
接收监控摄像机上传的监控音视频文件；
通过标识符添加代码为所述监控音视频文件添加标识符，并将添加所述标识符的所述监控音视频文件发送至前端浏览器，其中，接收监控摄像机上传的监控音视频文件，由第一webRTC插件通过标识符添加代码为所述监控音视频文件添加标识符，并通过所述第一webRTC插件发送添加所述标识符的所述监控音视频文件至所述前端浏览器；以通过所述前端浏览器接收所述监控音视频文件，识别所述监控音视频文件的所述标识符，确定所述监控音视频文件的编码格式，基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
9.一种基于浏览器的监控音视频传输播放方法，应用于前端浏览器，其特征在于，包括：
接收视频联网平台发送的监控音视频文件，识别所述监控音视频文件的标识符，确定所述监控音视频文件的编码格式，其中，包括通过第二webRTC插件接收所述监控音视频文件，由所述第二webRTC插件通过识别代码识别所述监控音视频文件的所述标识符，基于识别到的所述标识符确定所述监控音视频文件的编码格式，所述监控音视频文件预先由所述视频联网平台的第一webRTC插件通过标识符添加代码添加所述标识符，并通过所述第一webRTC插件进行发送；所述监控音视频文件预先由所述视频联网平台通过标识符添加代码添加所述标识符；
基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放。
10.根据权利要求9所述的一种基于浏览器的监控音视频传输播放方法，其特征在于，基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放，包括：
基于所述监控音视频文件的所述编码格式调用解码库中的对应解码代码，通过对应的所述解码代码对所述监控音视频文件进行解码并播放。
11.根据权利要求10所述的一种基于浏览器的监控音视频传输播放方法，其特征在于，基于所述监控音视频文件的所述编码格式调用解码库，基于所述解码库对所述监控音视频文件进行解码并播放，还包括：
基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符。
12.根据权利要求11所述的一种基于浏览器的监控音视频传输播放方法，其特征在于，基于所述监控音视频文件的所述编码格式查询所述解码库，若未查询到对应所述编码格式的解码代码，则输出显示解码失败提示及所述监控音视频文件的标识符，还包括：
反馈解码失败提示及所述解码库各个解码代码所对应解码的编码格式信息至所述视频联网平台，以供所述视频联网平台基于所述编码格式信息调用预设的转码代码对所述监控音视频文件进行转码，返回转码后的所述监控音视频文件。
13.一种包含计算机可执行指令的存储介质，其特征在于，所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求3-6、8-12任一所述的基于浏览器的监控音视频传输播放方法。
CN202110297379.7A 2021-03-19 2021-03-19 基于浏览器的监控音视频传输播放系统、方法及装置 Active CN113038292B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110297379.7A CN113038292B (zh) 2021-03-19 2021-03-19 基于浏览器的监控音视频传输播放系统、方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110297379.7A CN113038292B (zh) 2021-03-19 2021-03-19 基于浏览器的监控音视频传输播放系统、方法及装置

Publications (2)

Publication Number Publication Date
CN113038292A CN113038292A (zh) 2021-06-25
CN113038292B true CN113038292B (zh) 2022-12-16

Family

ID=76471904

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110297379.7A Active CN113038292B (zh) 2021-03-19 2021-03-19 基于浏览器的监控音视频传输播放系统、方法及装置

Country Status (1)

Country Link
CN (1) CN113038292B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114501149A (zh) * 2022-02-10 2022-05-13 天脉拓道(北京)科技有限公司 一种音频/视频文件的解码方法、装置、设备及可读介质
CN114866348B (zh) * 2022-07-06 2022-09-20 深圳市金政软件技术有限公司 基于浏览器的数据传输方法、装置、设备及存储介质
WO2024060135A1 (zh) * 2022-09-22 2024-03-28 京东方科技集团股份有限公司 信息播放方法、装置、电子设备和计算机可读存储介质
CN116489307B (zh) * 2023-04-04 2023-11-28 上海缓存命中科技有限公司 网络监控系统、网络监控方法、装置及相关设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105100824A (zh) * 2015-09-10 2015-11-25 东方网力科技股份有限公司 一种视频处理设备、系统和方法
CN110198479A (zh) * 2019-05-24 2019-09-03 浪潮软件集团有限公司 一种基于webassembly的浏览器音视频解码播放方法
CN111356023A (zh) * 2019-12-30 2020-06-30 杭州海康威视数字技术股份有限公司 播放方式确定方法及装置
CN111683293A (zh) * 2020-05-31 2020-09-18 杭州视在数科信息技术有限公司 一种基于http-flv协议的跨浏览器播放h.265视频的方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160191598A1 (en) * 2014-08-04 2016-06-30 Likqid Media, Inc. System and methods that enable embedding, streaming, and displaying video advertisements and content on internet webpages accessed via mobile devices

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105100824A (zh) * 2015-09-10 2015-11-25 东方网力科技股份有限公司 一种视频处理设备、系统和方法
CN110198479A (zh) * 2019-05-24 2019-09-03 浪潮软件集团有限公司 一种基于webassembly的浏览器音视频解码播放方法
CN111356023A (zh) * 2019-12-30 2020-06-30 杭州海康威视数字技术股份有限公司 播放方式确定方法及装置
CN111683293A (zh) * 2020-05-31 2020-09-18 杭州视在数科信息技术有限公司 一种基于http-flv协议的跨浏览器播放h.265视频的方法

Also Published As

Publication number Publication date
CN113038292A (zh) 2021-06-25

Similar Documents

Publication Publication Date Title
CN113038292B (zh) 基于浏览器的监控音视频传输播放系统、方法及装置
CN103181184B (zh) 用于电子装置以节省资源的媒体文件高速缓存
US8966101B2 (en) Systems and methods for updating firmware over a network
CN101981558B (zh) 用于管理远程会话中的多媒体操作的系统和方法
US8565739B2 (en) Interrupting and resuming a media player
CN110740363A (zh) 投屏方法和系统、电子设备
US20030097659A1 (en) Interrupting the output of media content in response to an event
CN112653700B (zh) 一种基于webrtc网页视频通信的方法
US8407565B2 (en) System and method for producing importance rate-based rich media, and server applied to the same
JP2006295586A (ja) コンテンツ変換装置及びトランスコードシステム
CN111225222A (zh) 基于rtmp的屏幕数据的视频流播放方法、装置和系统
CN110996160B (zh) 视频处理方法、装置、电子设备及计算机可读取存储介质
CN102421033A (zh) 一种在移动终端上实现电视节目共享的方法
US20060168615A1 (en) System circuit application and method for wireless transmission of multimedia content from a computing platform
CN112312221B (zh) 一种音视频播放方法、存储介质及装置
US7603113B2 (en) Using local codecs
US11012761B1 (en) Techniques for replacement content signaling in advanced television systems committee (ATSC) 3.0 television
US20080133655A1 (en) Network system
KR20100062157A (ko) 영상처리장치, 서버 및 제어방법
CN212137851U (zh) 一种支持hevc解码的视频输出设备
US20090138493A1 (en) Method and system for media transformation
CN108712476B (zh) 一种基于推送技术进行数据更新的方法及系统
CN117641183A (zh) 音频播放方法、装置、电子设备及计算机存储介质
CN117376593A (zh) 直播流的字幕处理方法、装置、存储介质及计算机设备
CN114760486A (zh) 直播方法、装置、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: Room 306, zone 2, building 1, Fanshan entrepreneurship center, Panyu energy saving technology park, No. 832 Yingbin Road, Donghuan street, Panyu District, Guangzhou City, Guangdong Province

Applicant after: Jiadu Technology Group Co.,Ltd.

Address before: Room 306, zone 2, building 1, Fanshan entrepreneurship center, Panyu energy saving technology park, No. 832 Yingbin Road, Donghuan street, Panyu District, Guangzhou City, Guangdong Province

Applicant before: PCI-SUNTEKTECH Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant