1
0
mirror of https://github.com/matrix-org/matrix-js-sdk.git synced 2025-07-31 15:24:23 +03:00

Add some basic styling

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner
2021-04-30 14:17:30 +02:00
parent 41c2772cff
commit ad80d69369

View File

@ -1,26 +1,34 @@
<html> <html>
<head> <head>
<title>VoIP Test</title> <title>VoIP Test</title>
<script src="lib/matrix.js"></script> <script src="lib/matrix.js"></script>
<script src="browserTest.js"></script> <script src="browserTest.js"></script>
</head> </head>
<body> <body>
You can place and receive calls with this example. Make sure to edit the You can place and receive calls with this example. Make sure to edit the
constants in <code>browserTest.js</code> first. constants in <code>browserTest.js</code> first.
<div id="config"></div> <div id="config"></div>
<div id="result"></div> <div id="result"></div>
<button id="call">Place Call</button> <button id="call">Place Call</button>
<button id="answer">Answer Call</button> <button id="answer">Answer Call</button>
<button id="hangup">Hangup Call</button> <button id="hangup">Hangup Call</button>
<div id="videoBackground"> <div id="videoBackground" class="video-background">
<div id="videoContainer"> <video class="video-element" id="local"></video>
<video id="remote"></video> <video class="video-element" id="remote"></video>
</div>
</div>
<div id="videoBackground">
<div id="videoContainer">
<video id="local"></video>
</div>
</div> </div>
</body> </body>
</html> </html>
<style>
.video-background {
height: 500px;
margin: 10px;
}
.video-element {
height: 100%;
}
</style>