Method, device and system for playing video in webpage and computing equipment

Abstract

The invention discloses a method, device and system for playing a video in a webpage and computing equipment. The method comprises: acquiring metadata information corresponding to a to-be-played videofile from a network server; generating a loading address of each sequence frame image according to the sequence frame image loading address prefix, requesting the corresponding sequence frame image from a network server and storing the corresponding sequence frame image in an image queue; requesting a corresponding audio file from a network server according to the audio file loading address; playing the sequence frame image in the image queue in the webpage, and recording an image index of the currently played sequence frame image; calculating a playing progress proportion according to the current image index and the total number of the sequence frame images, and calculating an audio offset according to the playing progress proportion and the total playing duration of the audio file; andafter the audio file is loaded, starting to play 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 webpage. 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 im...

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