html 5 video create

最新推荐文章于 2022-03-17 15:52:41 发布

weixin_33962621

最新推荐文章于 2022-03-17 15:52:41 发布

阅读量324

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/elfylin/archive/2012/04/06/2435411.html

本文详细解析了HTML5视频播放的过程，从HTML构造站点创建元素到渲染阶段，包括视频元素的创建、属性设置、事件处理及播放控制等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

video
1.create videoElement
HTMLTreeBuilder::processStartTagForInBody
HTMLConstructionSite::insertHTMLElement(此时已经解析出了end)
cHTMLConstructionSite::createHTMLElement
HTMLElementFactory::createHTMLElement
HTMLElementFactory::videoConstructor
HTMLVideoElement::create

2.get element attribute
in "videoConstructor"
will call "MediaPlayer::isAvailable()" decide to create media or html
in " HTMLElementFactory::createHTMLElement"
will create different element according to the tag name.
3.in "processStartTagForInBody"
will enter different process according to the tag
4.in "HTMLConstructionSite::createHTMLElement"
after createHTMLElemen
will call element->setAttributeMap

3.from insert to attach to area
in "HTMLConstructionSite::insertHTMLElement"
a.will call "attachToCurrent(createHTMLElement(token)"
b.HTMLConstructionSite::attach
c.and then
HTMLVideoElement::attach()//depending on different Element
d.final will call
Element::attach()

HTMLVideoElement::attach() //HTMLMediaElement::attach()

4.from attach to render area

a.in "HTMLMediaElement::attach()"

renderer()->updateFromElement()

b.RenderVideo::updateFromElement()
c1.RenderMedia::updateFromElement()

"RenderMedia::updateControls"

"MediaControlElement::attach()"

c2.RenderMedia::updatePlayer();

5. event handle
a. for controller bar

code is

in "MediaControlMuteButtonElement::defaultEventHandler"

b. for video event
Node::dispatchEvent
HTMLMediaElement::defaultEventHandler
RenderMedia::forwardEvent

6.play controller
all in "MediaControlElements.cpp"
MediaControlMuteButtonElement
MediaControlPlayButtonElement,mediaElement()->togglePlayState()
HTMLMediaElement::togglePlayState()
MediaControlSeekButtonElement
MediaControlRewindButtonElement
MediaControlReturnToRealtimeButtonElement
MediaControlToggleClosedCaptionsButtonElement
MediaControlTimelineElement
MediaControlVolumeSliderElement
MediaControlFullscreenButtonElement

7.simple play procedure
a HTMLMediaElement.defaultEventHandler()
b RenderMedia.forwardEvent()
c MediaControlElement.defaultEventHandler();

8.
HTMLVideoElement::createRenderer
RenderVideo::RenderVideo

video stop image

a.Button was drawn in:
RenderSkinMediaButton.cpp
b. call trace

VideoLayerAndroid::drawGL
VideoLayerAndroid::createPosterTexture
RenderSkinMediaButton::Draw
who call VideoLayerAndroid::drawGL?

I am finding out.
VideoLayerAndroid was in MediaPlayerPrivateAndroid.cpp

转载于:https://www.cnblogs.com/elfylin/archive/2012/04/06/2435411.html