2022-03-16 12:15:22 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2022-03-28 10:48:52 +02:00
|
|
|
<head>
|
|
|
|
|
<title>openvidu-web-component</title>
|
2023-03-08 13:04:10 +01:00
|
|
|
<script type="module" src="utils/filter-stream.js"></script>
|
2024-07-02 19:19:05 +02:00
|
|
|
<!-- <script type="module" src="utils/shader-renderer.js"></script> -->
|
2023-03-08 13:04:10 +01:00
|
|
|
<script type="module" src="utils/media-devices.js"></script>
|
|
|
|
|
<script type="module" src="app.js"></script>
|
2022-03-28 10:48:52 +02:00
|
|
|
<script src="openvidu-webcomponent-dev.js"></script>
|
|
|
|
|
<link rel="stylesheet" href="openvidu-webcomponent-dev.css" />
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
:root {
|
2024-11-05 12:37:34 +01:00
|
|
|
--ov-background-color: #303030;
|
|
|
|
|
--ov-secondary-action-color: #3e3f3f;
|
|
|
|
|
--ov-accent-action-color: #598eff;
|
|
|
|
|
--ov-error-color: #eb5144;
|
|
|
|
|
--ov-accent-action-color: #ffae35;
|
2022-06-01 18:15:44 +02:00
|
|
|
--ov-light-color: #e6e6e6;
|
2022-03-28 10:48:52 +02:00
|
|
|
|
2024-11-05 12:37:34 +01:00
|
|
|
--ov-secondary-action-color: #3a3d3d;
|
|
|
|
|
--ov-text-primary-color: #ffffff;
|
2022-03-28 10:48:52 +02:00
|
|
|
|
2024-11-05 12:37:34 +01:00
|
|
|
--ov-text-primary-color: #1d1d1d;
|
|
|
|
|
--ov-surface-color: #ffffff;
|
2022-03-28 10:48:52 +02:00
|
|
|
|
2024-11-06 10:05:56 +01:00
|
|
|
--ov-toolbar-buttons-radius: 50%;
|
2022-03-28 10:48:52 +02:00
|
|
|
--ov-leave-button-radius: 10px;
|
|
|
|
|
--ov-video-radius: 5px;
|
2024-11-05 12:37:34 +01:00
|
|
|
--ov-surface-radius: 5px;
|
2022-03-28 10:48:52 +02:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="events"></div>
|
|
|
|
|
<!-- OpenVidu Web Component -->
|
|
|
|
|
<openvidu-webcomponent></openvidu-webcomponent>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
