A method, device, system and computing device for playing video in webpage

Abstract

The invention discloses a method, device, system and computing equipment for playing video on a webpage. The method includes: obtaining metadata information corresponding to a video file to be played from a network server; generating each sequence frame according to the sequence frame image loading address prefix The loading address of the image, request the corresponding sequence frame image from the network server and save it in the image queue; request the corresponding audio file from the network server according to the audio file loading address; play the sequence frame image in the image queue on the webpage, and record the current The image index of the sequence frame image played; according to the current image index and the total number of sequence frame images, calculate the playback progress ratio, and calculate the audio offset according to the playback progress ratio and the total playback duration of the audio file; when the audio file is loaded After completion, start playing the audio file from the audio offset.

Description

technical field [0001] The invention relates to the field of the Internet, in particular to a method, device, system and computing device for playing video on a web page. Background technique [0002] With the rapid development of Internet technology and the further expansion and improvement of network bandwidth in recent years, the content and presentation forms of network applications are becoming more and more abundant. Modern mainstream browsers (including PC browsers and mobile browsers) basically support H5, not only can play video directly in the webpage, but also can play the video directly on the webpage through three-dimensional webpage (Web-3D) related technologies (such as webGL, playCanvas, etc.) Construct complex 3D virtual reality scenes, or even a combination of the two. [0003] Usually, to play a video on a web page, some application programs that can decode and play control video data are needed, which are called video players. There are two mainstream i...

AI Technical Summary

Problems solved by technology

[0006] One is that the browser compatibility is not good enough, and the video cannot be played normally if the Flash plug-in is not installed or the Flash plug-in is disabled

Due to many security and performance issues, Apple's Safari browser and Google's Chrome browser have successively disabled the Flash plug-in

In addition, in the era of mobile Internet, there are very few mobile browsers that support Flash plug-ins. This technical solution is basically unfeasible on mobile phones.

[0007] Second, the video format supported by this solution is limited. If the encoding format of the original video file is different, it is necessary to convert various video files into Flash video files first.

[0008] Third, this technical solution can only be used in 2D ordinary web pages. For complex web page applications built using Web-3D, Flash videos cannot be integrated into 3D scenes

[0011] The second is H5 The loaded video files are often large, and the audio and image content are mixed together. They cannot be downloaded separately. They need to be downloaded and decoded on the browser side before they can be played. When the network quality is poor, the user waits for a long time and the experience is not good. good

[0012] The third is H5 Like the Flash plug-in, it can only be used in 2D ordinary web pages, and cannot be used in web-3D scenes

[0013] Moreover, in some special web scenarios, due to some objective conditions (compatibility or performance requirements), it is impossible to directly pass the Flash plug-in or H5 for video playback

Images