| In recent years, with the development of Internet technology, simple static pages with text and pictures have been far from meeting the needs of people, and animated video, audio, graphics and other dynamic effects can not be achieved in the browser using HTML, so the only method to show videos in a web page, while allowing the user to override the browser and the operating system is the use of Adobe Flash plugin<object> and<embed> label, however, when installing the Flash plug-in, it is always accompanied by various safety problems. Meanwhile, Flash plug-occupied large resources, non-native systems, and systems and browsers is not combined tight enough, thus resulting in suspended animation problems when a fault has occurred, Secondly, with the popularization and development of Web2.0technology networks, online video industry continues to rise, more and more users watch a variety of videos via online video platform, a variety of video playback system has increasing influence on people’s lives. In this case, as the next generation of HTML, HTML5provides a new standard about embedded audio and video, animation, graphics, forms, and other types of content for the browser to complete audio and video streaming services, and it can provide users with smooth, clear playback experience.To provide smoother and clearer playback experience for users, while reducing the load on the network bandwidth, the article proposes to build the video playback system based on HTML5, the user can upload his own videos and share video content with other users, However, due to mainly rely on its latest video and audio tags, HTML5can support playing videos in the browser, Video tag supports only three special video formats:Ogg files with Theora video and Vorbis audio, MPEG4files with H.264video and AAC audio, WebM files with VP8video and Vorbis audio, while videos uploadeb by users have different formats, in order to take full advantage of HTML5’s multimedia tags, allowing users to enjoy a smoother and clearer playback experience, it need to use FFMPEG transcoding the video to play for the HTML5video tag in HTML5-based video systems.Based on the above issues, the article first describes how to build the video playback systems based on HTML5, then takes deeply research and analysis for the video and multimedia processing tools FFMPEG, on this basis, makes secondary development to achieve transcoding function, and takes full use the function into the video system based on HTML5, experimental results show that using a combination of HTML5multimedia label and FFMPEG transcoding technology to build video systems can provide a smoother, clearer, optimized video playback experience for the user, while the network bandwidth load is smaller, consumption of browser performance is lower, and it is showed innovative and practical. |