html 5 video create

最新推荐文章于 2024-01-20 19:53:11 发布

原创最新推荐文章于 2024-01-20 19:53:11 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#video #html #insert #token #c

Webkit Study 专栏收录该内容

37 篇文章

订阅专栏

本文详细介绍了视频元素从创建、属性设置到渲染过程的实现机制，包括视频的创建、获取属性、处理开始标签、插入元素、创建渲染器、播放控制器等关键步骤。同时，阐述了事件处理和停止图像生成的原理。

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
MediaLayer::drawGL

LayerAndroid::drawChildrenGL
VideoLayerAndroid::drawGL//VideoLayerAndroid be child of LayerAndroid
VideoLayerAndroid::createPosterTexture

RenderSkinMediaButton::Draw

MediaLayer--->LayerAndroid
VideoLayerAndroid--->LayerAndroid