国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

無法讓 Tone.js 播放器工作并播放單個 wav 文件
P粉231079976
P粉231079976 2023-09-01 10:34:17
[Vue.js討論組]
<p>無法讓 Tone Player 播放任何內(nèi)容,這是我的簡單 VueJs 代碼:</p> <pre class="brush:php;toolbar:false;">&lt;template&gt; &lt;div&gt; &lt;h1&gt;Simple Tone.js Demo&lt;/h1&gt; &lt;button style=&quot;background-color: cadetblue; padding: 4px 10px;&quot; @click=&quot;play&quot;&gt;Play&lt;/button&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; import * as Tone from &quot;tone&quot;; export default { data() { return { player: null, }; }, methods: { async play() { try { console.log(&quot;Tone.js context state:&quot;, Tone.context.state); if (Tone.context.state !== &quot;running&quot;) { await Tone.start(); console.log(&quot;audio context started&quot;); } this.player.start(); } catch (error) { console.error(&quot;Error during playback:&quot;, error.message, error); } }, async initializePlayer() { console.log(Tone.context.state); try { this.player = await new Tone.Player({ url: &quot;/sounds/rain.wav&quot;, loop: true, autostart: false, }).toDestination(); this.player.loaded; } catch (error) { console.error(&quot;Error loading audio file:&quot;, error); } console.log(&quot;Audio file loaded&quot;, this.player.loaded); }, }, created() { this.initializePlayer(); }, }; &lt;/script&gt;</pre> <p>我正在加載的聲音存在于正確的位置 sound/rain.wav 并且如果我在 chrome 中輸入它的路徑,瀏覽器能夠正確打開它 http://localhost:5173/sounds/rain.wav </p> <p>運行應(yīng)用程序得到的輸出:</p> <p>了解 Tone.js 的人可以幫助我讓播放器播放單個文件嗎?我花了一整天的時間來解決這個問題,甚至使用了 GPT4,但我遇到了同樣的問題,播放器無法播放簡單的文件。</p>
P粉231079976
P粉231079976

全部回復(fù)(1)
P粉331849987

我猜發(fā)生錯誤是因為播放器尚未完成音頻的下載。

構(gòu)造函數(shù)不返回承諾。如果您想等待 Player 準(zhǔn)備就緒,則需要傳遞 onload 函數(shù)。通過將其包裝在 Promise 中,它可用于等待 Player 準(zhǔn)備就緒。

this.player = await new Promise((resolve, reject) => {
    const player = new Tone.Player({
        loop: true,
        onerror: (err) => reject(err),
        onload: () => resolve(player),
        url: '/sounds/rain.wav'
    });
});

this.player.toDestination();
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://m.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號