Design And Implementation Of HTML5 Media Play On Embedded Browser

With the rapid development of computer industry,W3 C organization proposed HTML5.The new features of HTML5 bring much convenience to web developers.For example,web developers can not only check inputs directly by the form element,but also use offline caching,geolocation and so on.Especially with Video and Audio elements,the user can get rid of the flash plug-in and play video in browser directly.Video and Audio elements also make it possible to interact with media elements by JavaScript.Based on webkit and Qt/Embedded,it realizes HTML5 media elements in the embedded environment,mainly divided into two parts.One part is the implementation of media player,which is used to play video.Another is the implementation of play control and interactive functions,which includes play interfaces,support for track and operating audio and video elements by javascript.Player is based on FFmpeg,it exists as a library file and provides playback for webkit,and designs Cache management strategy.In order to increase efficiency of seeking and reduce the number of HTTP request,the buffer is set for raw data receiving.Then the packet queue cache is used to save Audio and Video packet,which not only ensure that the video can be played smoothly,but also reduce memory.In order to play video better,realizes Audio-Video Synchronization.Play interface is used to call player.It can pass the playback operation from the webkit to the player,and feedback the state from player to webkit.The module that about support for track is used for the situation that video and audio tags include a track tag.If track tag is detected,it will be handled by this module.Interactive functions is mainly used to provide DOM interfaces to users,and users can use the interfaces to operate media elements and add text track dynamically by JavaScript.