[英]How to set default volume audio svelte in modal
您好,我想知道为什么我不能在 svelte 的模态中设置音频音量的默认值。 当我添加这一行时: audio.volume = 0.5;
我的模态不再打开。 这是所有模态组件:
<script>
export let texte;
export let clip;
let audio = document.getElementById("aled");
audio.volume = 0.5;
</script>
<style>
body
{
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
.clip
{
text-align: center;
}
</style>
<body>
<div class="clip">
<audio id="aled" src={clip} controls></audio>
<div>
BLA BLA
{texte}
</div>
</div>
</body>
让我们让它更苗条:
<script>
import { onMount } from 'svelte';
export let texte;
export let clip;
let audio;
onMount(() => {
// when the audio binding is ready set the volume
audio.volume= 0.5;
})
</script>
<style>
body
{
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}
.clip
{
text-align: center;
}
</style>
<body>
<div class="clip">
<audio bind:this={audio} src={clip} controls></audio>
<div>
BLA BLA
{texte}
</div>
</div>
</body>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.