Question

我为petproject创建了简单的翻页卡局部视图：

    <div class="cardBox">
        <div class="card">
            <div class="front">
                <h3>@Model.AccentedWord</h3>
                <p>[@Model.Pronunciation]</p>
            </div>
            <div class="back">
                <h2>@Model.Translation</h2>
                <h3><a asp-controller="Top1kWords" asp-action="Details" asp-route-id="@Model.WordId">@Model.AccentedWord</a></h3>
                <div>
                    <audio id="player" src="@Model.AudioUrl" type="audio/mpeg" ></audio>
                    <a onclick="document.getElementById('player').play()"><i class="far fa-play-circle fa-2x"></i></a>
                </div><button>Do nauki</button>
            </div>
        </div>
    </div>

翻页卡生成正确，播放器加载了不同的audioUrl，但是所有翻页卡仅播放首次加载的声音。

翻页卡nr1具有<audio id="player" src="/sounds/Top1kWords/1.mp3" type="audio/mpeg" ></audio>

翻页卡nr2具有<audio id="player" src="/sounds/Top1kWords/2.mp3" type="audio/mpeg" ></audio>

翻页卡nr3具有<audio id="player" src="/sounds/Top1kWords/3.mp3" type="audio/mpeg" ></audio>

但是所有人都只播放1.mp3吗？

我可以让每个按钮播放自己的声音吗？

在使用标准播放器的情况下-一切正常，但我只需要“播放按钮”即可，而不是完整播放器。

Answer 1

我认为是导致错误的std::shared_ptr<BaseStats> m_stats;。尝试使用类，看看是否有帮助。代码为：

id

Answer 2

@ anova01致谢：我创建了唯一的音频ID，并且一切正常： div>

HTML5音频-播放器仅加载和播放列表中的第一个文件

2 个答案: