CN108337528B - 一种预览视频的方法及设备 - Google Patents
一种预览视频的方法及设备 Download PDFInfo
- Publication number
- CN108337528B CN108337528B CN201810043432.9A CN201810043432A CN108337528B CN 108337528 B CN108337528 B CN 108337528B CN 201810043432 A CN201810043432 A CN 201810043432A CN 108337528 B CN108337528 B CN 108337528B
- Authority
- CN
- China
- Prior art keywords
- client
- real
- video
- server
- time streaming
- 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
- 238000000034 method Methods 0.000 title claims abstract description 60
- 238000012546 transfer Methods 0.000 claims abstract description 11
- 230000015654 memory Effects 0.000 claims description 45
- 238000004806 packaging method and process Methods 0.000 claims description 34
- 238000005538 encapsulation Methods 0.000 claims description 17
- 238000009877 rendering Methods 0.000 claims description 14
- 238000012545 processing Methods 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 5
- 238000012163 sequencing technique Methods 0.000 claims description 3
- 230000006870 function Effects 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000001133 acceleration Effects 0.000 description 1
- 230000015556 catabolic process Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
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/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/21—Server components or server architectures
- H04N21/218—Source of audio or video content, e.g. local disk arrays
- H04N21/2187—Live feed
-
- 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/75—Media network packet handling
-
- 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/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- 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/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
- H04N21/44008—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving operations for analysing video streams, e.g. detecting features or characteristics in the video stream
-
- 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/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
- H04N21/4431—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB characterized by the use of Application Program Interface [API] libraries
-
- 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/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
- H04N21/47202—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for requesting content on demand, e.g. video on demand
-
- 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/60—Network structure or processes for video distribution between server and client or between remote clients; Control signalling between clients, server and network components; Transmission of management data between server and client, e.g. sending from server to client commands for recording incoming content stream; Communication details between server and client
- H04N21/63—Control signaling related to video distribution between client, server and network components; Network processes for video distribution between server and clients or between remote clients, e.g. transmitting basic layer and enhancement layers over different transmission paths, setting up a peer-to-peer communication via Internet between remote STB's; Communication protocols; Addressing
- H04N21/643—Communication protocols
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Databases & Information Systems (AREA)
- Computer Networks & Wireless Communication (AREA)
- Library & Information Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种预览视频的方法及设备，用于降低视频的延迟，提高用户体验。其中的预览视频的方法包括：客户端向服务器发送超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频；所述客户端接收所述服务器基于WebSocket协议发送的视频编码流；所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据；所述客户端调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
Description
技术领域
本发明涉及视频播放技术领域，特别涉及一种预览视频的方法及设备。
背景技术
目前在web页面中进行视频直播，需要在浏览器中安装插件，例如Flash 插件，通过插件实现视频的直播。但是不同的浏览器支持的插件可能不同，甚至有些浏览器不支持某种插件，例如safari浏览器不支持Flash插件，这就无法通过插件实现视频的直播。
因此，为了不依赖插件，现有技术中，可以基于流媒体点播(HTTP LiveStreaming，HLS)协议，通过超文本链接标记语言(Hypertext Markup Language， HTML)，例如HTML5的<video>或<audio>标签进行播放，但这两个标签基于HLS协议当前主要应用于回放而非实时预览，因此不可避免地会存在比较大的延时，用户体验较差。
可见，目前的视频预览存在较大延时的技术问题。
发明内容
本发明实施例提供一种预览视频的方法及设备，用于降低视频的延迟，提高用户体验。
第一方面，提供了一种预览视频的方法，该方法包括：
客户端向服务器发送超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频；
所述客户端接收所述服务器基于WebSocket协议发送的视频编码流；
所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据；
所述客户端调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
可选的，在所述客户端接收所述服务器基于WebSocket协议发送的视频编码流之前，还包括：
所述客户端确定与所述服务器之间要使用的第一实时流协议；
所述客户端根据所述第一实时流协议，确定要使用的解码格式和封装格式，所述封装格式用于指示所述视频的类型；
所述客户端通过确定的第一实时流协议，及确定的解码格式和封装格式与所述服务器建立发送所述视频编码流的WebSocket连接。
可选的，所述客户端确定与所述服务器之间要使用的第一实时流协议，包括：
所述客户端向所述服务器发送协商请求，所述协商请求用于获取所述服务器支持的实时流协议；
所述客户端接收所述服务器根据所述协商请求发送的实时流协议列表；
所述客户端从所述实时流协议列表中选择所述第一实时流协议，将所述第一实时流协议确定为与所述服务器之间要使用的实时流协议。
可选的，所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据，包括：
所述客户端通过JavaScript申请所述客户端的内存空间，将申请到的内存空间作为所述Web浏览器的缓存区，将所述视频编码流缓存在所述Web浏览器的缓存区中；
所述客户端通过与所述封装格式对应的解封装格式对缓存的视频编码流解封装；
所述客户端通过JavaScript实现对解封装后的视频编码流进行排序及拼接；
所述客户端通过JavaScript对拼接后的视频编码流进行解析，获得所述视频图像数据。
可选的，所述客户端调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示，包括：
所述客户端通过所述Web浏览器根据确定的解码格式对所述视频图像数据进行解码；
所述客户端将解码后的视频图像数据作为所述Web浏览器的超文本链接标记语言HTML5的多媒体标签的数据源，实现实时视频图像的展示，其中，所述多媒体标签包括video和/或audio标签。
第二方面，还提供了一种预览视频的方法，该方法包括：
服务器接收客户端发送的超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频；
所述服务器根据所述HTTP请求，基于WebSocket协议向所述客户端发送视频编码流，以使得所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据，并调用Web浏览器支持的多媒体扩展源 MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
可选的，在所述服务器根据所述HTTP请求，基于WebSocket协议向所述客户端发送视频编码流之前，还包括：
所述服务器确定与所述客户端之间要使用的第一实时流协议，以使得所述客户端根据所述第一实时流协议，确定要使用的解码格式和封装格式，并通过确定的第一实时流协议，及确定的解码格式和封装格式与所述服务器建立发送所述视频编码流的WebSocket连接；其中，所述封装格式用于指示所述视频的类型。
可选的，所述服务器确定与所述客户端之间要使用的第一实时流协议，包括：
所述服务器接收所述客户端发送的协商请求，所述协商请求用于获取所述服务器支持的实时流协议；
所述服务器根据所述协商请求向所述客户端发送实时流协议列表，以使得所述客户端从所述实时流协议列表中选择所述第一实时流协议，将所述第一实时流协议确定为与所述服务器之间要使用的实时流协议。
第三方面，提供了一种预览视频的客户端，该客户端包括：
发送单元，用于向服务器发送超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频；
接收单元，用于接收所述服务器基于WebSocket协议发送的视频编码流；
解析单元，用于通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据；
渲染单元，用于调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
可选的，还包括：
确定单元，用于确定与所述服务器之间要使用的第一实时流协议，并根据所述第一实时流协议，确定要使用的解码格式和封装格式，所述封装格式用于指示所述视频的类型；
建立单元，用于通过确定的第一实时流协议，及确定的解码格式和封装格式与所述服务器建立发送所述视频编码流的WebSocket连接。
可选的，所述确定单元具体用于：
向所述服务器发送协商请求，所述协商请求用于获取所述服务器支持的实时流协议；
接收所述服务器根据所述协商请求发送的实时流协议列表；
从所述实时流协议列表中选择所述第一实时流协议，将所述第一实时流协议确定为与所述服务器之间要使用的实时流协议。
可选的，所述解析单元具体用于：
通过JavaScript申请所述客户端的内存空间，将申请到的内存空间作为所述Web浏览器的缓存区，将所述视频编码流缓存在所述Web浏览器的缓存区中；
通过与所述封装格式对应的解封装格式对缓存的视频编码流解封装；
通过JavaScript实现对解封装后的视频编码流进行排序及拼接；
通过JavaScript对拼接后的视频编码流进行解析，获得所述视频图像数据。
可选的，所述渲染单元具体用于：
通过所述Web浏览器根据确定的解码格式对所述视频图像数据进行解码；
通过将解码后的视频图像数据作为所述Web浏览器的超文本链接标记语言HTML5的多媒体标签的数据源，实现实时视频图像的展示，其中，所述多媒体标签包括video和/或audio标签。
第四方面，提供了一种服务器，该服务器包括：
接收单元，用于接收客户端发送的超文本传输协议HTTP请求，所述HTTP 请求用于请求获取视频；
发送单元，用于根据所述HTTP请求，基于WebSocket协议向所述客户端发送视频编码流，以使得所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据，并调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
第五方面，提供了另一种预览视频的客户端，该客户端包括：
至少一个处理器，以及
与所述至少一个处理器连接的存储器；
其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述至少一个处理器通过执行所述存储器存储的指令实现如第一方面任一项所述的方法。
第六方面，提供了另一种服务器，该服务器包括：
至少一个处理器，以及
与所述至少一个处理器连接的存储器；
其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述至少一个处理器通过执行所述存储器存储的指令实现如第二方面任一项所述的方法。
第七方面，提供一种计算机存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面和/或第二方面任一项所述的方法。
本发明实施例中，客户端接收服务器基于WebSocket协议传输视频编码流，而WebSocket协议是实时传输协议，因此，视频延时较小。客户端通过Web 浏览器支持的JavaScript对接收的视频编码流进行解析，获得视频图像数据，并将视频图像数据作为Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像在网页上无插件的展示。从而不需要安装第三方浏览器插件就可以实现视频的预览，且视频延时较小。
附图说明
图1是本发明实施例提供的预览视频的方法的一种流程图；
图2是本发明实施例提供的预览视频的方法的一种流程图；
图3为本发明实施例提供的预览视频的客户端的一种结构示意图；
图4为本发明实施例提供的预览视频的客户端的一种结构示意图；
图5为本发明实施例提供的服务器的一种结构示意图；
图6为本发明实施例提供的服务器的一种结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。
目前在web页面中进行视频预览，可以在浏览器中安装插件，通过插件实现视频流协议的解析、解码以及最终的渲染显示。但是在浏览器中安装插件是造成浏览器异常崩溃和造成安全漏洞的主要原因之一，为此有些浏览器不支持第三方插件。例如，safari浏览器不支持Flash插件。
因此，现有技术也可以基于HLS协议，通过HTML5的<video>或<audio> 标签进行播放，但这两个标签基于HLE协议当前主要应用于回放而非实时预览，因此不可避免地会存在比较大的延时，用户体验较差。这是由于这两个原生标签通常用于文件流播放，实时流仅能支持HLS协议，而HLS协议实质上是一个分段录像下载协议，因此不可避免地会存在比较大的延时。
此外，HTML5多媒体原生标签受浏览器支持的情况也各不相同。例如， IE浏览器和Chrome浏览器支持带有H.264视频编码和音频编码(Advanced Audio Coding，AAC)的MPEG4文件。而Firefox浏览器不支持带有H.264视频编码和音频编码(Advanced Audio Coding，AAC)的MPEG 4文件。也就是说视频流的编解码和封装在不同的浏览器支持不同，这就对视频流的编解码格式和封装格式存在限制。
鉴于此，本发明实施例提供一种预览视频的方法，该方法中，客户端接收服务器基于WebSocket协议传输视频编码流，而WebSocket协议是实时传输协议，因此，视频延时较小。客户端通过JavaScript引擎支持的API对接收的视频编码流进行解析，获得视频图像数据，将视频图像数据作为Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像在网页上无插件的展示。从而不需要安装第三方浏览器插件就可以实现视频的预览，且视频延时较小。
下面结合说明书附图介绍本发明实施例提供的技术方案。
请参见图1，本发明实施例提供一种预览视频的方法，该方法可以由客户端执行，客户端可以是手机、平板电脑或个人电脑等。该方法的流程描述如下：
S101：客户端向服务器发送HTTP请求，HTTP请求用于请求获取视频；
S102：客户端接收服务器基于WebSocket协议发送的视频编码流；
S103：客户端通过JavaScript对接收的视频编码流进行解析，获得视频图像数据；
S104：客户端调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将视频图像数据作为Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
对应地，本发明实施例还提供了一种预览视频的方法，该方法可以由服务器执行。该方法的流程描述如下：
S201：服务器接收客户端发送的超文本传输协议HTTP请求，HTTP请求用于请求获取视频；
S202：服务器根据HTTP请求，基于WebSocket协议向客户端发送视频编码流，以使得客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据，并调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将视频图像数据作为Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
本发明实施例中，客户端需要预览视频时，可以向服务器发送请求获取要预览的视频的HTTP请求。服务器接收客户端发送的HTTP请求，可以将接收到的HTTP请求转化为WebSocket连接请求，从而基于WebSocket协议建立服务器和客户端的连接。由于HTTP请求是一种保持短连接的请求，所以建立连接时，需要一直发HTTP请求，而由于保持连接的时间短，因此，服务器向客户端传输数据流时存在较大延时。而WebSocket连接保持连接的时间长，一旦客户端和服务器建立WebSocket连接，那么传输数据流的时延相较于HTTP连接则会缩短，所以更适用于实时要求较高的数据流传输场景。
服务器将HTTP请求转化成WebSocket连接请求，可以基于WebSocket协议与客户端建立连接。可能的实施方式中，服务器可以与客户端建立的 WebSocket对象进行连接，从而实现服务器和客户端的连接。一旦客户端与服务器基于WebSocket协议建立起连接，那么服务器就可以向客户端发送视频编码流。
由于服务器支持的实时流协议包括多种，例如可以包括实时流传输协议 (RealTime Streaming Protocol，RTSP)、实时消息传输协议(Real Time Messaging Protocol，RTMP)或其他媒体协议等。而客户端不知道服务器支持哪些实时流协议，除非是客户端自身使用的实时流协议是指定的。而只有客户端和服务器之间的实时流协议统一，客户端才可以对服务器传输的视频编码流正确解析。
因此，在客户端接收服务器基于WebSocket协议发送的视频编码流之前，要确定与服务器之间要使用的实时流协议，例如第一实时流协议。具体地，客户端可以向服务器发送协商请求，该协商请求可以用于获取服务器支持的实时流协议。服务器接收客户端发送的协商请求用于获取服务器支持的实时流协议，可以向客户端发送实时流协议列表，实时流协议列表携带服务器支持的全部实时流协议。客户端可以从接收的实时流协议列表中确定服务器支持的全部实时流协议，并从实时流协议列表中选择第一实时流协议。客户端选择了第一实时流协议后，可以向服务器发送确定实时流协议的消息，以告知服务器客户端选择了第一实时流协议。
客户端要对服务器传输的视频编码流解析、解码，因此，客户端就需要知道客户端的Web浏览器所支持的编码格式、解码格式和封装格式。封装格式可以用于指示视频的类型，例如Ogg格式、MP4格式或WebM格式等。具体地，客户端可以基于多用途互联网邮件扩展类型(Multipurpose Internet Mail Extensions，MIME)检测Web浏览器支持的编码格式和封装格式。例如，客户端可以基于MIME类型包括的媒体源扩展(Media Source Extensions，MSE)支持的应用程序编程接口(Application Programming Interface，API)检测Web浏览器支持的编码格式和封装格式。MSE本身是不依赖任务特定的编解码和容器格式的，但是不同的浏览器的支持程度是不一样的。可能的实施方式中，客户端可以通过MSE提供的API，例如MediaSource.isTypeSupported来检测Web浏览器支持的编码格式和封装格式。
客户端的Web浏览器支持的编码格式和封装格式可能不止一种，为了使得客户端可以对服务器发送的视频编码流实施解码，客户端确定了第一实时流协议之后，可以根据第一实时流协议，及Web浏览器支持的编码格式和封装格式，确定要使用的解码格式和封装格式。客户端确定了要使用的第一实时流协议和解码格式及封装格式后，可以通过确定的第一实时流协议，及确定的解码格式和封装格式与服务器建立发送视频编码流的WebSocket连接，以请求服务器发送视频编码流。
客户端接收服务器发送的视频编码流之后，可以通过JavaScript的API对接收的视频编码流进行解析，获得视频图像数据。例如客户端可以通过 JavaScript调用Web浏览器按照MSE的标准实现的用于解析的API对接收的视频编码流进行解析，获得视频图像数据。由于JavaScript调用Web浏览器按照MSE的标准实现的用于解析的API可以对接收的视频编码流进行解析，即不需要第三方插件就可以实现对视频编码流的解析，实现了不需要浏览器插入第三方插件也可以实现预览视频的技术效果。
可能的实施方式中，客户端可以通过JavaScript调用MSE的API，申请客户端的内存空间，也就是Web浏览器的进程空间，将申请到的内存空间作为客户端的Web浏览器的缓存区，将视频编码流缓存在Web浏览器的缓存区中。而第三方插件是无法直接申请Web浏览器的缓存区，也就无法实现视频编码流的提前缓存，只能实现分段视频，延时可能较大。客户端的Web浏览器将视频编码流缓存后，可以通过与封装格式对应的解封装格式对缓存的视频编码流解封装。由于视频编码流可以包括原始视频流，还可以包括与原始视频流无关的数据流，例如可能在原始视频流中添加的帧号等。因此，客户端对缓存区中的视频编码流解封装后，可以通过JavaScript实现对解封装后的视频编码流进行排序及拼接，以获得原始完整的视频流。接着客户端可以通过JavaScript对拼接后的视频编码流进行解析、拼接及转化，获得视频图像数据。
客户端的Web浏览器获取视频图像数据后，可以对视频图像数据进行渲染展示，实现视频的预览。具体地，Web浏览器可以通过Web浏览器的多媒体原生标签实现对视频图像数据的渲染，从而实现实时视频图像在页面上无需插件即可展示。可能的实施方式中，客户端通过Web浏览器可以对视频图像数据进行解码，通过与编码格式对应的解码格式对视频图像数据流进行解码。Web 浏览器对视频图像数据流解码后，可以调用Web浏览器支持的MSE的API，将视频图像数据作为Web浏览器的HTML5的多媒体标签，例如video和/或 audio标签的数据源，实现对解码后的视频图像数据的渲染，从而实现实时视频图像在页面上无需插件即可展示。
综上所述，本发明实施例提供的预览视频的方法，浏览器中不需要安装任何第三方插件，即使不同的浏览器支持的第三方插件有所不同，也可以实现预览视频。即本发明实施例提供的预览视频的方法可以实现跨浏览器预览视频。
本发明实施例中，客户端可以与服务器协商使用何种实时流协议，较为灵活，且不需要更改现有的服务器，兼容性更好。
本发明实施例中，客户端和服务器使用实时流协议，客户端进行视频预览时的延迟较低，低于传统的通过第三方插件进行视频预览的延时，更能满足用户对实时性的需求。另外，本发明实施例中，客户端通过浏览器自身提供的解码功能和渲染显示功能对视频流进行处理，可以利用客户单的硬件能力进行加速，因此，本发明实施例中的客户端在解码性能和渲染性能方面也优于通过第三方插件的形式。
下面结合说明书附图介绍本发明实施例提供的设备。
请参见图3，基于同一发明构思，本发明一实施例提供一种预览视频的客户端，该预览视频的客户端可以是客户端，该预览视频的客户端可以包括：发送单元301、接收单元302、解析单元303和渲染单元304。其中，发送单元 301可以用于向服务器发送HTTP请求，HTTP请求用于请求获取视频。接收单元302可以用于接收服务器基于WebSocket协议发送的视频编码流。解析单元303可以用于通过JavaScript对接收的视频编码流进行解析，获得视频图像数据。渲染单元304可以用于调用Web浏览器支持的MSE的API，将视频图像数据作为Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
可选的，还包括：
确定单元，可以用于确定与服务器之间要使用的第一实时流协议，并根据第一实时流协议，确定要使用的解码格式和封装格式，封装格式用于指示视频的类型；
建立单元，可以用于通过确定的第一实时流协议，及确定的解码格式和封装格式与服务器建立发送视频编码流的WebSocket连接。
可选的，确定单元具体可以用于：
向服务器发送协商请求，协商请求用于获取服务器支持的实时流协议；
接收服务器根据协商请求发送的实时流协议列表；
从实时流协议列表中选择第一实时流协议，将第一实时流协议确定为与服务器之间要使用的实时流协议。
可选的，解析单元303具体可以用于：
通过JavaScript申请客户端的内存空间，将申请到的内存空间作为Web 浏览器的缓存区，将视频编码流缓存在Web浏览器的缓存区中；
通过与封装格式对应的解封装格式对缓存的视频编码流解封装；
通过JavaScript实现对解封装后的视频编码流进行排序及拼接；
通过JavaScript对拼接后的视频编码流进行解析，获得视频图像数据。
可选的，渲染单元304具体可以用于：
通过Web浏览器根据确定的解码格式对视频图像数据进行解码；
将解码后的视频图像数据作为Web浏览器的超文本链接标记语言HTML5 的多媒体标签的数据源，实现实时视频图像的展示，其中，多媒体标签包括 video和/或audio标签。
请参见图4，基于同一发明构思，本发明一实施例提供一种预览视频的客户端，该预览视频的客户端可以是客户端，该预览视频的客户端可以包括：至少一个处理器401，处理器401用于执行存储器中存储的计算机程序时实现本发明实施例提供的如图1所示的密文检索方法的步骤。
可选的，处理器401具体可以是中央处理器、特定应用集成电路(英文：Application Specific Integrated Circuit，简称：ASIC)，可以是一个或多个用于控制程序执行的集成电路。
可选的，该预览视频的客户端还包括与至少一个处理器连接的存储器402，存储器402可以包括只读存储器(英文：Read Only Memory，简称：ROM)、随机存取存储器(英文：Random Access Memory，简称：RAM)和磁盘存储器。存储器402用于存储处理器401运行时所需的数据，即存储有可被至少一个处理器401执行的指令，至少一个处理器401通过执行存储器402存储的指令，执行如图1所示的方法。其中，存储器402的数量为一个或多个。其中，存储器402在图4中一并示出，但需要知道的是存储器402不是必选的功能模块，因此在图4中以虚线示出。
其中，发送单元301、接收单元302、解析单元303和渲染单元304所对应的实体设备均可以是前述的处理器401。该预览视频的客户端可以用于执行图1所示的实施例所提供的方法。因此关于该设备中各功能模块所能够实现的功能，可参考图1所示的实施例中的相应描述，不多赘述。
请参见图5，基于同一发明构思，本发明一实施例提供一种服务器，该服务器可以包括：接收单元501和发送单元502。其中，接收单元501可以用于接收客户端发送的超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频。发送单元502可以根据HTTP请求，基于WebSocket协议向客户端发送视频编码流，以使得客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据，并调用Web浏览器支持的多媒体扩展源MSE 的应用程序编程接口API，将视频图像数据作为Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示。
可选的，所述服务器还包括确定单元，用于在根据HTTP请求，基于 WebSocket协议向客户端发送视频编码流之前，确定与客户端之间要使用的第一实时流协议，以使得客户端根据第一实时流协议，确定要使用的解码格式和封装格式，并通过确定的第一实时流协议，及确定的解码格式和封装格式与服务器建立发送视频编码流的WebSocket连接；其中，封装格式用于指示视频的类型。
可选的，确定单元具体用于：
接收客户端发送的协商请求，协商请求用于获取服务器支持的实时流协议；
根据协商请求向客户端发送实时流协议列表，以使得客户端从实时流协议列表中选择第一实时流协议，将第一实时流协议确定为与服务器之间要使用的实时流协议。
请参见图6，基于同一发明构思，本发明一实施例提供一种服务器，该服务器可以包括：至少一个处理器601，处理器601用于执行存储器中存储的计算机程序时实现本发明实施例提供的如图1所示的密文检索方法的步骤。
可选的，处理器601具体可以是中央处理器、特定应用集成电路(英文：Application Specific Integrated Circuit，简称：ASIC)，可以是一个或多个用于控制程序执行的集成电路。
可选的，该预览视频的客户端还包括与至少一个处理器连接的存储器602，存储器602可以包括只读存储器(英文：Read Only Memory，简称：ROM)、随机存取存储器(英文：Random Access Memory，简称：RAM)和磁盘存储器。存储器602用于存储处理器601运行时所需的数据，即存储有可被至少一个处理器601执行的指令，至少一个处理器601通过执行存储器602存储的指令，执行如图1所示的方法。其中，存储器602的数量为一个或多个。其中，存储器602在图6中一并示出，但需要知道的是存储器602不是必选的功能模块，因此在图6中以虚线示出。
其中，接收单元501和发送单元502所对应的实体设备均可以是前述的处理器601。该预览视频的客户端可以用于执行图1所示的实施例所提供的方法。因此关于该设备中各功能模块所能够实现的功能，可参考图2所示的实施例中的相应描述，不多赘述。
本发明实施例还提供一种计算机存储介质，其中，计算机存储介质存储有计算机指令，当计算机指令在计算机上运行时，使得计算机执行如图1或如图 2所述的方法。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本发明所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：通用串行总线闪存盘(Universal Serial Bus flash disk)、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (14)
1.一种预览视频的方法，其特征在于，包括：
客户端向服务器发送超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频；
所述客户端接收所述服务器基于WebSocket协议发送的视频编码流；
所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据；
所述客户端调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示；
其中，在所述客户端接收所述服务器基于WebSocket协议发送的视频编码流之前，还包括：
所述客户端确定与所述服务器之间要使用的第一实时流协议以及基于所述MSE的API检测Web浏览器支持的编码格式和封装格式，所述封装格式用于指示所述视频的类型；
所述客户端根据所述第一实时流协议以及所述Web浏览器支持的编码格式和封装格式，确定要使用的解码格式和封装格式；
所述客户端通过确定的第一实时流协议，及确定的解码格式和封装格式与所述服务器建立发送所述视频编码流的WebSocket连接。
2.如权利要求1所述的方法，其特征在于，所述客户端确定与所述服务器之间要使用的第一实时流协议，包括：
所述客户端向所述服务器发送协商请求，所述协商请求用于获取所述服务器支持的实时流协议；
所述客户端接收所述服务器根据所述协商请求发送的实时流协议列表；
所述客户端从所述实时流协议列表中选择所述第一实时流协议，将所述第一实时流协议确定为与所述服务器之间要使用的实时流协议。
3.如权利要求2所述的方法，其特征在于，所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据，包括：
所述客户端通过JavaScript申请所述客户端的内存空间，将申请到的内存空间作为所述Web浏览器的缓存区，将所述视频编码流缓存在所述Web浏览器的缓存区中；
所述客户端通过与所述封装格式对应的解封装格式对缓存的视频编码流解封装；
所述客户端通过JavaScript实现对解封装后的视频编码流进行排序及拼接；
所述客户端通过JavaScript对拼接后的视频编码流进行解析，获得所述视频图像数据。
4.如权利要求1-3任一所述的方法，其特征在于，所述客户端调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示，包括：
所述客户端通过所述Web浏览器根据确定的解码格式对所述视频图像数据进行解码；
所述客户端将解码后的视频图像数据作为所述Web浏览器的超文本链接标记语言HTML5的多媒体标签的数据源，实现实时视频图像的展示，其中，所述多媒体标签包括video和/或audio标签。
5.一种预览视频的方法，其特征在于，包括：
服务器接收客户端发送的超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频；
所述服务器根据所述HTTP请求，基于WebSocket协议向所述客户端发送视频编码流，以使得所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据，并调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示；
在所述服务器根据所述HTTP请求，基于WebSocket协议向所述客户端发送视频编码流之前，还包括：
所述服务器确定与所述客户端之间要使用的第一实时流协议，以使得所述客户端根据所述第一实时流协议以及基于所述MSE的API检测到的Web浏览器支持的编码格式和封装格式，确定要使用的解码格式和封装格式，并通过确定的第一实时流协议，及确定的解码格式和封装格式与所述服务器建立发送所述视频编码流的WebSocket连接；其中，所述封装格式用于指示所述视频的类型。
6.如权利要求5所述的方法，其特征在于，所述服务器确定与所述客户端之间要使用的第一实时流协议，包括：
所述服务器接收所述客户端发送的协商请求，所述协商请求用于获取所述服务器支持的实时流协议；
所述服务器根据所述协商请求向所述客户端发送实时流协议列表，以使得所述客户端从所述实时流协议列表中选择所述第一实时流协议，将所述第一实时流协议确定为与所述服务器之间要使用的实时流协议。
7.一种预览视频的客户端，其特征在于，包括：
发送单元，用于向服务器发送超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频；
接收单元，用于接收所述服务器基于WebSocket协议发送的视频编码流；
解析单元，用于通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据；
渲染单元，用于调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示；
确定单元，用于确定与所述服务器之间要使用的第一实时流协议以及基于所述MSE的API检测Web浏览器支持的编码格式和封装格式，并根据所述第一实时流协议以及所述Web浏览器支持的编码格式和封装格式，确定要使用的解码格式和封装格式，所述封装格式用于指示所述视频的类型；
建立单元，用于通过确定的第一实时流协议，及确定的解码格式和封装格式与所述服务器建立发送所述视频编码流的WebSocket连接。
8.如权利要求7所述的客户端，其特征在于，所述确定单元具体用于：
向所述服务器发送协商请求，所述协商请求用于获取所述服务器支持的实时流协议；
接收所述服务器根据所述协商请求发送的实时流协议列表；
从所述实时流协议列表中选择所述第一实时流协议，将所述第一实时流协议确定为与所述服务器之间要使用的实时流协议。
9.如权利要求8所述的客户端，其特征在于，所述解析单元具体用于：
通过JavaScript申请所述客户端的内存空间，将申请到的内存空间作为所述Web浏览器的缓存区，将所述视频编码流缓存在所述Web浏览器的缓存区中；
通过与所述封装格式对应的解封装格式对缓存的视频编码流解封装；
通过JavaScript实现对解封装后的视频编码流进行排序及拼接；
通过JavaScript对拼接后的视频编码流进行解析，获得所述视频图像数据。
10.如权利要求7-9任一所述的客户端，其特征在于，所述渲染单元具体用于：
通过所述Web浏览器根据确定的解码格式对所述视频图像数据进行解码；
将解码后的视频图像数据作为所述Web浏览器的超文本链接标记语言HTML5的多媒体标签的数据源，实现实时视频图像的展示，其中，所述多媒体标签包括video和/或audio标签。
11.一种服务器，其特征在于，包括：
接收单元，用于接收客户端发送的超文本传输协议HTTP请求，所述HTTP请求用于请求获取视频；
发送单元，用于根据所述HTTP请求，基于WebSocket协议向所述客户端发送视频编码流，以使得所述客户端通过直译式脚本语言JavaScript对接收的视频编码流进行解析，获得视频图像数据，并调用Web浏览器支持的多媒体扩展源MSE的应用程序编程接口API，将所述视频图像数据作为所述Web浏览器支持的多媒体原生标签的数据源进行渲染，实现实时视频图像的展示；
确定单元，用于确定与客户端之间要使用的第一实时流协议，以使得客户端根据第一实时流协议以及基于所述MSE的API检测到的Web浏览器支持的编码格式和封装格式，确定要使用的解码格式和封装格式，并通过确定的第一实时流协议，及确定的解码格式和封装格式与服务器建立发送视频编码流的WebSocket连接；其中，封装格式用于指示视频的类型。
12.一种预览视频的客户端，其特征在于，包括：
至少一个处理器，以及
与所述至少一个处理器连接的存储器；
其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述至少一个处理器通过执行所述存储器存储的指令实现如权利要求1-4任一项所述的方法。
13.一种服务器，其特征在于，包括：
至少一个处理器，以及
与所述至少一个处理器连接的存储器；
其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述至少一个处理器通过执行所述存储器存储的指令实现如权利要求5-6任一项所述的方法。
14.一种计算机存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1-6任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810043432.9A CN108337528B (zh) | 2018-01-17 | 2018-01-17 | 一种预览视频的方法及设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810043432.9A CN108337528B (zh) | 2018-01-17 | 2018-01-17 | 一种预览视频的方法及设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108337528A CN108337528A (zh) | 2018-07-27 |
| CN108337528B true CN108337528B (zh) | 2021-04-16 |
Family
ID=62925282
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810043432.9A Active CN108337528B (zh) | 2018-01-17 | 2018-01-17 | 一种预览视频的方法及设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108337528B (zh) |
Families Citing this family (24)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109104590A (zh) * | 2018-09-05 | 2018-12-28 | 北京许继电气有限公司 | 轻量级可视化系统 |
| CN109274912B (zh) * | 2018-09-28 | 2021-05-28 | 阿里巴巴（中国）有限公司 | 视频录制方法、装置、介质和计算设备 |
| CN109088887A (zh) * | 2018-09-29 | 2018-12-25 | 北京金山云网络技术有限公司 | 一种流媒体解码的方法及装置 |
| CN109561337A (zh) * | 2018-11-19 | 2019-04-02 | 青岛海信传媒网络技术有限公司 | 预览视频的播放方法和装置 |
| CN111225010A (zh) * | 2018-11-27 | 2020-06-02 | 北京京东尚科信息技术有限公司 | 数据处理方法、数据处理系统以及装置 |
| CN109660866A (zh) * | 2018-12-28 | 2019-04-19 | 杭州当虹科技股份有限公司 | 一种基于h5的视频解密方法 |
| CN109889907B (zh) * | 2019-04-08 | 2021-06-01 | 北京东方国信科技股份有限公司 | 一种基于html5的视频osd的显示方法及装置 |
| CN112351338B (zh) * | 2019-08-09 | 2023-04-07 | 北京嗨动视觉科技有限公司 | 视频处理方法、装置、系统和计算机可读存储介质 |
| CN112770188B (zh) * | 2019-11-01 | 2022-09-02 | 杭州海康威视系统技术有限公司 | 一种视频播放方法及装置 |
| CN110971926B (zh) * | 2019-12-02 | 2022-01-25 | 咪咕视讯科技有限公司 | 视频播放方法、视频处理方法、视频处理装置及存储介质 |
| CN111182053A (zh) * | 2019-12-27 | 2020-05-19 | 北京明略软件系统有限公司 | 一种下载文件的方法、装置、计算机存储介质及终端 |
| CN111356023B (zh) * | 2019-12-30 | 2021-12-24 | 杭州海康威视数字技术股份有限公司 | 播放方式确定方法及装置 |
| CN113067997A (zh) * | 2020-01-02 | 2021-07-02 | 北京沃东天骏信息技术有限公司 | 一种实时视频通话的方法和装置 |
| CN111510744B (zh) * | 2020-07-01 | 2020-10-16 | 北京美摄网络科技有限公司 | 一种处理视音频的方法、装置、电子设备及存储介质 |
| CN112153042A (zh) * | 2020-09-21 | 2020-12-29 | 苏州浪潮智能科技有限公司 | Web端音频在线播放防止下载的方法、系统、设备及介质 |
| CN112422997A (zh) * | 2020-09-29 | 2021-02-26 | 安徽省（水利部淮河水利委员会）水利科学研究院（安徽省水利工程质量检测中心站） | 一种水利工程视频无插件、低延时直播方法 |
| CN112653700B (zh) * | 2020-12-23 | 2022-11-01 | 武汉烽火众智数字技术有限责任公司 | 一种基于webrtc网页视频通信的方法 |
| CN113691531B (zh) * | 2021-08-24 | 2023-08-01 | 深圳市思迪信息技术股份有限公司 | 基于WebSocket协议的数据传输方法及系统、设备及存储介质 |
| CN114390340A (zh) * | 2021-12-30 | 2022-04-22 | 北京鸿合爱学教育科技有限公司 | 视频播放方法、装置和电子设备 |
| CN114745361B (zh) * | 2022-03-25 | 2024-05-14 | 朗新数据科技有限公司 | 一种用于html5浏览器的音视频播放方法及系统 |
| CN115102895A (zh) * | 2022-07-14 | 2022-09-23 | 京东城市(北京)数字科技有限公司 | 页面渲染方法、装置、设备和存储介质 |
| CN115270026A (zh) * | 2022-07-26 | 2022-11-01 | 四川川大智胜系统集成有限公司 | Flash流程图展示方法、引擎、浏览器、设备及介质 |
| CN116401484B (zh) * | 2023-04-18 | 2023-11-21 | 河北长风信息技术有限公司 | 纸质材料电子化的处理方法、装置、终端及存储介质 |
| CN117440186B (zh) * | 2023-12-22 | 2024-05-28 | 深圳星网信通科技股份有限公司 | 视频服务集成方法、视频集成设备和计算机可读存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106790132A (zh) * | 2016-12-28 | 2017-05-31 | 天津天地伟业生产力促进有限公司 | 基于rtmp的无插件预览视频方法 |
| CN107277612A (zh) * | 2016-04-05 | 2017-10-20 | 韩华泰科株式会社 | 用于在web浏览器上播放媒体流的方法和设备 |
| CN107277004A (zh) * | 2017-06-13 | 2017-10-20 | 重庆扬讯软件技术股份有限公司 | 一种浏览器无插件视频直播方法 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9116706B2 (en) * | 2012-10-09 | 2015-08-25 | Tamer Yunten | Yunten's web application methodology and web programming language (YWAM and WPL) |
| US9331967B2 (en) * | 2013-02-04 | 2016-05-03 | Oracle International Corporation | Browser/HTML friendly protocol for real-time communication signaling |
-
2018
- 2018-01-17 CN CN201810043432.9A patent/CN108337528B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107277612A (zh) * | 2016-04-05 | 2017-10-20 | 韩华泰科株式会社 | 用于在web浏览器上播放媒体流的方法和设备 |
| CN106790132A (zh) * | 2016-12-28 | 2017-05-31 | 天津天地伟业生产力促进有限公司 | 基于rtmp的无插件预览视频方法 |
| CN107277004A (zh) * | 2017-06-13 | 2017-10-20 | 重庆扬讯软件技术股份有限公司 | 一种浏览器无插件视频直播方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108337528A (zh) | 2018-07-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108337528B (zh) | 一种预览视频的方法及设备 | |
| CN110324671B (zh) | 网页视频播放方法及装置、电子设备及存储介质 | |
| CN108076364B (zh) | 自适应媒体流传输设备和媒体服务设备 | |
| US10567809B2 (en) | Selective media playing method and apparatus according to live streaming and recorded streaming | |
| CN112822518A (zh) | 视频播放方法、装置、系统、电子设备和存储介质 | |
| CN112653700B (zh) | 一种基于webrtc网页视频通信的方法 | |
| KR102522741B1 (ko) | 브로드캐스트 컨텐츠 재배포 및 ad 삽입 | |
| CN111147947B (zh) | 一种基于websocket的flv视频传输及网页播放的方法 | |
| AU2010294783B2 (en) | Method and device for providing complementary information | |
| AU2016410930B2 (en) | Online television playing method and apparatus | |
| CN112995698A (zh) | 一种视频播放方法、客户端、服务平台及智能会议系统 | |
| US10419798B2 (en) | Method and apparatus for just-in-time transcoding | |
| CN113938470B (zh) | 一种浏览器播放rtsp数据源的方法、装置以及流媒体服务器 | |
| CN113727184B (zh) | 视频播放方法、装置、系统、存储介质以及电子设备 | |
| CN114745361B (zh) | 一种用于html5浏览器的音视频播放方法及系统 | |
| EP2645663A1 (en) | Media data processing method and device thereof | |
| US9641908B2 (en) | Method and system for transferring real-time audio/video stream | |
| CN112243158B (zh) | 媒体文件处理方法、装置、计算机可读介质及电子设备 | |
| CN109151570B (zh) | 一种基于html5的流媒体处理方法、系统及相关组件 | |
| WO2019007027A1 (zh) | 视频播出方法、系统、电子设备及可读取存储介质 | |
| US8868785B1 (en) | Method and apparatus for displaying multimedia content | |
| US20210021659A1 (en) | Delivery apparatus, delivery method, and program | |
| KR101621530B1 (ko) | 무선 네트워크를 통한 플래시 컨텐츠 제공 방법 및 그 시스템과 플래시 컨텐츠 변환 방법 및 그 장치 | |
| WO2015042767A1 (en) | Method for inserting an advertisement into a video stream of an application on demand (aod) service, aod processing device and aod server | |
| CN115379257B (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |