如何在模态中设置默认音量音频

Question

Hello I would like to know why I can't set the default value of volume of my audio in a modal in svelte.您好，我想知道为什么我不能在 svelte 的模态中设置音频音量的默认值。 When I add this line: audio.volume = 0.5;当我添加这一行时： audio.volume = 0.5; my modal not open anymore.我的模态不再打开。 Here is all the modal component:这是所有模态组件：

<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>

Answer 1

Let's make it more Svelte:让我们让它更苗条：

<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>

如何在模态中设置默认音量音频

问题描述

1 个解决方案

解决方案1
2 已采纳 2021-05-28 00:10:36

如何在模态中设置默认音量音频

问题描述

1 个解决方案

解决方案1 2 已采纳 2021-05-28 00:10:36

解决方案1
2 已采纳 2021-05-28 00:10:36