Multi-fragment video playing method and device based on hypertext markup language (HTML) 5 video

A video playback and video technology, applied in the field of HTML5-based media playback technology, can solve problems such as jitter, video freezes, and no support for multi-segment video architecture, so as to ensure smooth viewing and save bandwidth.

Active Publication Date: 2014-07-02
ALIBABA (CHINA) CO LTD
View PDF5 Cites 3 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] The current HTML5 player technology has a major flaw: it does not support multi-slice video architecture
Therefore, if the existing HTML 5-based player is applied to domestic video websites, it will inevitably lead to video pauses or screen jitters when crossing fragments.

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Multi-fragment video playing method and device based on hypertext markup language (HTML) 5 video
  • Multi-fragment video playing method and device based on hypertext markup language (HTML) 5 video
  • Multi-fragment video playing method and device based on hypertext markup language (HTML) 5 video

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0021] Such as figure 1 Shown is the overall architecture diagram of the HTML5 video-based multi-slice video playback system of the present invention. The introduction to each part of the system is as follows.

[0022] Index server 101: Stores and distributes video metadata information, including video duration, number of bytes, number of fragments, and address of each fragment.

[0023] Content server 102: Store and distribute video segment content.

[0024] Browser 103: specifically includes JavaScript component 104, CSS component 105 and HTML component 106, which respectively implement the following functions.

[0025] JavaScript component 104: communicate with index server 101 to retrieve the metadata information corresponding to the video, including fragmentation information; communicate with HTML component 106, monitor various events of face_video107 and buffer_video108 in HTML component 106, and control the state transition of face_video107 and buffer_video108 .

[0026] CSS co...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention relates to a multi-fragment video playing method, a device and a browser, which are based on a hypertext markup language (HTML) 5 player. The browser sends a hyper text transport protocol (HTTP) request to an index server, video metadata information which is returned by the index server according to a video identity (ID) (video_id) is received, and attributes of a first player and a second player are set, so that the first player can be displayed for users and the second player is concealed in a background for operation, video data content is requested from a content server, the first player and the second player are loaded respectively, the first player is enabled to play the content of a first fragment, the content of a second fragment is loaded in the background by the second player, attributes of the first player and the second player are changed after the first player finishes the playing of the first fragment, and the second player can be displayed for the users and plays the loaded content of the second fragment, the first player is concealed in the background for operation, and the content of a third fragment is loaded. The technical scheme of the method and the device can guarantee smoothness of pictures during fragment switching and can be compatible to a current mainstream multi-fragment video distributing situation in a seamless mode, so that the flow is saved effectively.

Description

Technical field [0001] The present invention relates to media playback technology, in particular to media playback technology based on HTML5. Background technique [0002] Players of current online video sites are divided into two types of implementation technologies: Flash implementation technology and HTML5 implementation technology. Flash performs poorly on mobile platforms due to its power consumption and other characteristics. In order to meet the needs of mobile platform users to watch videos online, companies are actively developing HTML5 playback technology. Youtube, the largest online video site in the United States, first launched an HTML5 player, and other sites have followed suit. [0003] The existing HTML5 media player technology generally uses HTML5, CSS and JavaScript technology to achieve, the main working principle is to use CSS to build the appearance of the player, and then use JavaScript components to obtain the video address, and then use HTML5 in <video&g...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & AuthorityPatents(China)
IPC IPC(8): H04N21/437H04N21/438H04N21/44H04N21/4402
Inventor白鹏姚键邱丹吴昊宇潘柏宇卢述奇
OwnerALIBABA (CHINA) CO LTD