Javascriptで、ボイス音源とキャラクター画像を一つの配列か何かに入れて、リンクさせた画像とボ

Javascriptで、ボイス音源とキャラクター画像を一つの配列か何かに入れて、リンクさせた画像とボイスデータを、ランダム表示する方法を教えて下さいm(__)m

No.1 ベストアンサー 回答者： Ogre7077 回答日時： 2021/07/18 20:21

最低限のサンプル

<script>
const IDOLS = [
_ {name:"Mingmei", image:"mcrs10.jpg", voice:"mcrs10.mp3"},
_ {name:"Mylene", image:"mcrs71.jpg", voice:"mcrs71.mp3"},
_ {name:"Ranka", image:"mcrsF0.jpg", voice:"mcrsF0.mp3"},
];
function say() {
_ var T = s => document.querySelector(s);
_ var n = Math.random() * IDOLS.length | 0;
_ var idol = IDOLS[n];
_ T('#idol span').textContent = idol.name;
_ T('#idol img').src = idol.image;
_ (e=>{
_ _ e.pause(); e.src = idol.voice; e.currentTime = 0; e.play();
_ })(T('#idol audio'));
}
</script>
<button onclick="say()">say</button>
<section id=idol>
_ <p><span>name</span>
_ <p><img src="nodata.jpg"><audio></audio>
</section>

この回答へのお礼

有難うございます！試してみます♪

お礼日時：2021/07/18 20:22