UI界面设置

hg2016

已于 2023-08-17 16:21:38 修改

阅读量481

点赞数

分类专栏： webrtc源码分析文章标签： javascript 前端开发语言 webrtc

于 2023-08-17 11:09:26 首次发布

本文链接：https://blog.csdn.net/Redmoon955331/article/details/132336684

版权

webrtc源码分析专栏收录该内容

17 篇文章 0 订阅

订阅专栏

文章目录

1. 修改 share.html 内容如下：

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>1v1屏幕共享示例</title>

    <style type="text/css">
        video {
            width: 320px;
            height: 240px;
            border: 1px solid black;
        }
        
        button {
            background-color: #d84a38;
            border: none;
            color: white;
            margin: 0 1em 0 0;
            padding: 0.5em 0.7em 0.6em 0.7em;
        }

    </style>

</head>

<body>
    <h3>1v1屏幕共享示例</h3>
    
    <div>
        <video id="localVideo" autoplay controls></video>
        <video id="remoteVideo" autoplay controls></video>
    </div>
    
    <button id="btnStartPush">开始推流</button>
    <button id="btnStopPush">停止推流</button>
    <button id="btnStartPull">开始拉流</button>
    <button id="btnStopPull">停止拉流</button>

</body>
</html>