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

A video playback and video technology, which is applied in the field of HTML5-based media playback technology, can solve problems such as jitter, video pauses, and does not support multi-segment video architecture, and achieve the effect of ensuring smooth viewing and saving bandwidth

Active Publication Date: 2012-08-22
ALIBABA (CHINA) CO LTD
View PDF5 Cites 44 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 H

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-segment video playback system of the present invention. The introduction of each part of the system is as follows.

[0022] Index server 101: store and distribute video metadata information, including video duration, byte count, number of fragments and addresses of each fragment, etc.

[0023] Content server 102: storing and distributing video fragment content.

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

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

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 playing technology, especially the media playing technology based on HTML5. Background technique [0002] Currently, the players of online video websites are divided into two types of implementation technologies: Flash implementation technology and HTML5 implementation technology. Flash does not perform well on mobile platforms due to power consumption and other characteristics. In order to meet the needs of mobile platform users to watch videos online, various companies are actively developing HTML5 playback technology. Youtube, the largest online video site in the United States, took the lead in launching an HTML5 player, and other sites have followed suit. [0003] Existing HTML5 media player technologies generally use 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, a...

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
IPC IPC(8): H04N21/437H04N21/438H04N21/44H04N21/4402
Inventor 白鹏姚键邱丹吴昊宇潘柏宇卢述奇
Owner ALIBABA (CHINA) CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap