fff

RaTeNo · Apr 20, 2022 · 046e321 · 046e321
1 parent 1d0c225
commit 046e321
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 19 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -11610,4 +11610,16 @@ audio{
 
 .audio_media .media-current-time{
     display: none;
-}
+}
+
+.audio_media.light .media-control.media-play{
+    color: var(--main_color); 
+    background: #fff;
+}
+
+.audio_media.light .media-text{
+    color:#fff;
+}
+.audio_media.light .media-meter{
+    background-color: #fff;
+}
diff --git a/dialog2_2.html b/dialog2_2.html
@@ -389,15 +389,14 @@
 
 									<div class="add_audio">
 										<div class="audio_message">
-											<button class="btn" data-action="play">
-												<svg class="icon"><use xlink:href="images/sprite.svg#ic_play"></use></svg>
-
-												<svg class="icon"><use xlink:href="images/sprite.svg#ic_pause"></use></svg>
-											</button>
-
-											<div class="audio_wave light" data-file="https://wavesurfer-js.org/example/media/demo.wav"></div>
-
-											<div class="duration"></div>
+											<div class="audio_media light">											
+												<audio
+											        controls
+											        src="images/t-rex-roar.mp3">
+											            Your browser does not support the
+											            <code>audio</code> element.
+											    </audio>
+											</div>
 										</div>
 
 										<div class="btns">

diff --git a/dialog2_3.html b/dialog2_3.html
@@ -390,15 +390,14 @@
 												<div class="name">Вы</div>
 
 												<div class="audio_message">
-													<button class="btn" data-action="play">
-														<svg class="icon"><use xlink:href="images/sprite.svg#ic_play"></use></svg>
-
-														<svg class="icon"><use xlink:href="images/sprite.svg#ic_pause"></use></svg>
-													</button>
-
-													<div class="audio_wave light" data-file="https://wavesurfer-js.org/example/media/demo.wav"></div>
-
-													<div class="duration"></div>
+													<div class="audio_media light">											
+														<audio
+													        controls
+													        src="images/t-rex-roar.mp3">
+													            Your browser does not support the
+													            <code>audio</code> element.
+													    </audio>
+													</div>
 												</div>
 											</div>