[mirotalksfu] - improve VideoAI settings UI

هذا الالتزام موجود في:
Miroslav Pejic
2024-07-06 19:29:14 +02:00
الأصل f870ab0e14
التزام 38bbe6ae56
6 ملفات معدلة مع 22 إضافات و16 حذوفات

عرض الملف

@@ -44,7 +44,7 @@ dependencies: {
* @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.4.86
* @version 1.4.87
*
*/

عرض الملف

@@ -1,6 +1,6 @@
{
"name": "mirotalksfu",
"version": "1.4.86",
"version": "1.4.87",
"description": "WebRTC SFU browser-based video calls",
"main": "Server.js",
"scripts": {

عرض الملف

@@ -1421,12 +1421,16 @@ hr {
--------------------------------------------------------------*/
.avatarsVideoAI {
min-height: 480px;
max-height: 600px;
color: white;
overflow: auto;
position: absolute;
top: 0;
left: 0;
padding: 10px;
width: 100%;
/* height: 100%; */
color: #ffffff;
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
overflow: auto;
}
.container-flex {
@@ -1437,26 +1441,25 @@ hr {
/* Custom avatar audio UI */
#audio-container {
background: var(--select-bg);
margin-top: 10px;
color: #fff;
padding: 10px;
border-radius: 5px;
}
#audio-container audio {
width: 100%;
width: 320px;
outline: none;
}
#audio-container audio::-webkit-media-controls-panel {
background: var(--body-bg);
border-radius: 5px;
padding: 5px;
}
#audio-container audio::-webkit-media-controls-timeline {
background: var(--body-bg);
border-radius: 5px;
margin: 5px;
}
/* Styling for the audio volume controls */
@@ -1485,6 +1488,10 @@ hr {
color: #fff;
}
#avatarVideoAIStart {
margin-bottom: 5px;
}
/*
z-index:
- 1 videoMediaContainer

عرض الملف

@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
* @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.4.86
* @version 1.4.87
*
*/
@@ -4092,7 +4092,7 @@ function showAbout() {
imageUrl: image.about,
customClass: { image: 'img-about' },
position: 'center',
title: 'WebRTC SFU v1.4.86',
title: 'WebRTC SFU v1.4.87',
html: `
<br />
<div id="about">

عرض الملف

@@ -9,7 +9,7 @@
* @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.4.86
* @version 1.4.87
*
*/

عرض الملف

@@ -914,12 +914,11 @@ access to use this app.
name="avatarVoiceIDs"
class="form-select text-light bg-dark"
>
<option value="">Select Avatar Voice</option></select
><br />
<option value="">Select Avatar Voice</option>
</select>
<div id="audio-container">
<audio id="avatarPreviewAudio" controls></audio>
</div>
<br />
<button id="avatarVideoAIStart" class="btn-custom">
<i class="fas fa-play"></i> Start Avatar Session
</button>