Question

我正在使用appmakerstudio（应用模板）Seattle Cloud的白标代理商来为Android和iOS创建应用。我试图在HTML中创建以下内容，并提出一些问题：

我正在创建一个儿童字母查找应用，其中包括点按correct letter以匹配播放的声音（听到a的声音，用户必须点按字母a）。屏幕上会有5个字母 - 其中只有一个是correct letter。我想知道如何做两件事：

首次打开.html页面时，如何立即播放声音（用户无需点击等操作）
声音播放后，用户已完成所需操作（点击正确的字母），会产生声音（correct!），等待3秒后，页面应自动滑动到下一页。

如果用户点击不正确的字母（与声音不匹配的字母），则会生成不同的声音，并且页面不会滑动。（我已经有声音的代码和所有字母的位置）。

到目前为止，这是我的代码（假字母的声音不正确 - 它们应该都是相同的。）

<div style="text-align: left; float: left;">
    <a style="line-height: 21pt;" href="bgplayer-play://sounda.mp3">
        <img style="width: 19%;" src="flashcard-letter-a.png">
    </a>
</div>
<div style="text-align: right;">
    <a style="line-height: 21pt;" href="bgplayer-play://soundi.mp3">
        <img style="width: 19%;" src="flashcard-letter-i.png">
    </a>
</div>
<div style="text-align: left; float: left;"> <br>
    <a style="line-height: 21pt;" href="bgplayer-play://soundo.mp3">
        <img style="width: 19%;" src="flashcard-letter-o.png">
     </a>
</div>
<br>
<div style="text-align: right;">
    <a style="line-height: 21pt;" href="bgplayer-play://sounde.mp3">
        <img style="width: 19%;" src="flashcard-letter-e.png">
    </a>
</div>
<div style="text-align: center;"> <br>
    <a style="line-height: 21pt;" href="bgplayer-play://soundu.mp3">
        <img style="width: 19%;" src="flashcard-letter-u.png">
    </a>
</div>
<div style="text-align: center;"></div>

行动后3秒钟打开声音并滑到下一页

0 个答案: