视频分屏处理

同名公众号 - 人生代码

于 2019-06-03 14:52:50 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：视频分屏处理文章标签：视频分屏处理

本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/90752105

本文介绍了视频分屏处理的技术要点，包括如何将多个视频源整合到同一画面中，实现创意的视频展示效果。通过学习，读者可以理解视频分屏的实现原理，并掌握相关工具和方法。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">
        class UILayout {
            static SetScreenNumber(num) {
                UILayout.ScreenNumber = num;
            }

            static GetScreenNumber() {
                return UILayout.ScreenNumber;
            }

            static SetContainer(id) {
                UILayout.Container = document.getElementById(id);
            }

            static GetContainer() {
                return UILayout.Container;
            }

            static SetVideoWith(VideoWidth) {
                UILayout.VideoWidth = VideoWidth;
            }

            static GetVideoWith() {
                return UILayout.VideoWidth;
            }

            static SetVideoHeight(VideoHeight) {
                UILayout.VideoHeight = VideoHeight;
            }

            static GetVideoHeight() {
                return UILayout.VideoHeight;
            }

            static SetSelectVideoIndex(index) {
                UILayout.SelectVideoIndex = index;
            }

            static GetSelectVideoIndex() {
                return UILayout.SelectVideoIndex;
            }

            static Init(id, screenNums) {
                UILayout.SetContainer(id);
                UILayout.SetScreenNumber(screenNums);
                UILayout.SetVideoWith(352);
                UILayout.SetVideoHeight(288);
                UILayout.SetSelectVideoIndex(-1);
                UILayout.CreateCanvas();
                UILayout.LayoutScreens(screenNums);
            }

            static CreateCanvas()

最低0.47元/天解锁文章

200万优质内容无限畅学