Webkit中HTML5 Video的实现分析 (二) - MediaPlayerFactory & RenderVideo的绘制操作

深藏阁楼爱情的钟 2022-06-04 20:07 108阅读 0赞

**MediaPlayerFactory**

MediaPlayerFactory像是一个解码库一样，初始化时，各个可用的播放器(MediaPlayerPrivate)向它注册。当需要解码时，由它给出一个合适的播放器(呼叫MediaPlayerPrivate::constructor,即MediaPlayerPrivate::create)创建一个实例\[由MediaPlayer:: loadWithNextMediaEngine执行\])。所以MediaPlayer与MediaPlayerPrivate应当是一对一的关系。

![1344873544_5347.PNG][]

在installedMediaEngines()会有一个静态的installed engines向量(Vector<MediaPlayerFactory\*>)，依据不同的OS，调用不同的MediaPlayerPrivateXXX的registerMediaEngine来注册新的Media Engine以支持不同的编码。如下图所示。

bestMediaEngineForTypeAndCodecs()在当视频的MIME type指定后，在MediaPlayer::loadWithNextMediaEngine中会调用它来获取合适的engine进行播放，否则直接使用nextMediaEngine()来获得播放有的engine.

详细的代码在MediaPlayer.cpp中。

![1344873571_9175.PNG][]

以下是MediaPlayerPrivateQt的supportsType的代码片段:

MediaPlayer::SupportsType MediaPlayerPrivateQt::supportsType(const String& mime, const String& codec)
    {
        if (!mime.startsWith("audio/") && !mime.startsWith("video/"))
            return MediaPlayer::IsNotSupported;
       ……
       if (QMediaPlayer::hasSupport(mime, codecListTrimmed) >= QtMultimediaKit::ProbablySupported)
            return MediaPlayer::IsSupported;
    
        return MediaPlayer::MayBeSupported;
    }

**RenderVideo的绘制操作**

RenderVideo在绘制时重点是得出正确的大小。主要函数包括calculateInstrinicSize来得出大小，updatePlayer依据当前缩放比例计算出新的大小尺寸，paintReplaced则依据metric进行绘制操作(得出一个rect,再传给player)。

下面是可能会涉及元素更新的流程:

![1344874022_6552.png][]

其核心函数是calculateIntrinsicSize(): (所谓Intrinsic Size来自于CSS规范).

![1344874500_9227.png][]

当paintReplaced函数(因为RenderVideo继承自RenderReplaced)拿到Instrinic Size后会着手计算绘制区域以便进行绘制:

![1344874728_7716.png][]

实际的绘制都会交由Media Player处理，而Media Player则交由它的m\_private，也就是具体的播放器来处理。

这里有两个重点：

1.如果视频指定了poster，则绘制poster仅在RenderVideo中就完成了，并不会交给MediaPlayer控件来处理。(RenderVideo本身也是继承自RenderImage，很容易处理图片的问题。)

2. 绘制MediaPlayer时，注意图层的问题。这会影响到网页的外观，有些网页为了美观，会在视频外加一些修饰用的框，这些框会因为paddings或margins计算上的问题与视频重叠。这时Media Player所在图层不同，表现来的外观就不一样了。(乐视的午间道在HTML5 Video模式就有这个问题. Chrome中将UA改为iPad就可以看到.)

转载请注明出处:[http://blog.csdn.net/horkychen][http_blog.csdn.net_horkychen]

[1344873544_5347.PNG]: https://img-my.csdn.net/uploads/201208/13/1344873544_5347.PNG
[1344873571_9175.PNG]: https://img-my.csdn.net/uploads/201208/13/1344873571_9175.PNG
[1344874022_6552.png]: https://img-my.csdn.net/uploads/201208/14/1344874022_6552.png
[1344874500_9227.png]: https://img-my.csdn.net/uploads/201208/14/1344874500_9227.png
[1344874728_7716.png]: https://img-my.csdn.net/uploads/201208/14/1344874728_7716.png
[http_blog.csdn.net_horkychen]: http://blog.csdn.net/horkychen