javascriptで故障したオーディオ再生の解決策new Audio()メソッド
JavaScriptのnew Audio()メソッドを使用してオーディオを再生する場合、再生の失敗の問題に遭遇することがよくあります。この記事では、一般的なケースを分析し、効果的なソリューションを提供します。
ケースでは、開発者はnew Audio()を使用してオーディオオブジェクトを作成しましたが、コンソールはuncaught (in promise) DOMException: Failed to load because no supported source was found. 、オーディオを再生できません。
エラーメッセージは、ブラウザがオーディオファイルをロードできないことを示しています。コードの例（畫像に示されているHTMLおよびJSコードはここでは省略されています）と組み合わせることで、問題は主にオーディオロードとブラウザのセキュリティポリシーの非同期性です。
new Audio(url)メソッドは、オーディオリソースを非同期にロードします。 new Audio()ステートメントが実行された後、オーディオはすぐにロードされず、 music.play()を直接呼び出すと再生障害が発生する場合があります。
回避策： canplaythroughイベントを活用してください。このイベントは、オーディオリソースをスムーズに再生できるときにトリガーされます。 canplaythroughイベントを聞いて、オーディオが正常にロードされていることを確認(rèn)してから、 play()メソッドを呼び出してください。
const music = new Audio（ './ 1.mp3'）;
Music.AddeventListener（ "Canplaythrough"、event => {
music.play（）;
}）;
このコードはオーディオオブジェクトを作成し、 canplaythroughイベントリスナーを追加します。オーディオがロードされて再生可能な場合、リスナーはmusic.play()をトリガーして呼び出します。
それでも再生できない場合、ブラウザのセキュリティポリシーが自動再生を制限する可能性があります。ユーザーエクスペリエンスを向上させるために、一部のブラウザは、ユーザーインタラクションなしでオーディオを自動的に再生することをページに制限します。ボタンを追加して、ユーザーが手動で再生をトリガーできるようにすることをお勧めします。
const playbutton = document.getElementById（ 'playbutton'）;
playbutton.addeventlistener（ 'click'、（）=> {
music.play（）;
}）;
ユーザーが再生を積極的にトリガーする場合、ブラウザはオーディオ再生をブロックせず、ユーザーエクスペリエンスを尊重しながらオーディオが正常に再生されることを保証します。
以上がJavaScriptの新しいAudio（）メソッドはオーディオを再生できません。それを解決する方法は？の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
イーサリアムとは何ですか？イーサリアムETHを取得する方法は何ですか？
Jul 31, 2025 pm 11:00 PM
Ethereumは、スマートコントラクトに基づいた分散型アプリケーションプラットフォームであり、そのネイティブトークンETHはさまざまな方法で取得できます。 1. BinanceやOuyiokなどの集中プラットフォームを介してアカウントを登録し、KYC認(rèn)定を完了し、StablecoinsでETHを購入します。 2.分散型プラットフォームを介してデジタルストレージに接続し、Stablecoinsまたは他のトークンとETHを直接交換します。 3.ネットワーク誓約に參加すると、獨(dú)立した誓約（32 ETHが必要）、Liquid Pledge Services、または一元化されたプラットフォームでのワンクリック誓約を選択することができます。 4. Web3プロジェクトにサービスを提供したり、タスクを完了したり、エアドロップを取得したりすることにより、ETHを獲得します。初心者は、主流の集中プラットフォームから始まり、徐々に分散化された方法に移行し、常に資産のセキュリティと獨(dú)立した研究を重要視することをお勧めします。
通貨サークルの初心者の主な傾向を確認(rèn)する方法
Jul 31, 2025 pm 09:45 PM
主要資本の傾向を特定すると、投資決定の質(zhì)が大幅に向上する可能性があります。そのコア値は、トレンドの予測、サポート/圧力の検証、およびセクターの回転前駆體にあります。 1.大規(guī)模なトランザクションデータを介して、純流入方向、取引比の不均衡、市場価格の順序クラスターを追跡します。 2。オンチェーンの巨大なクジラの住所を使用して、位置の変化、交換流入、位置コストを分析します。 3.先物オープン契約、長期的なポジション比、清算リスクゾーンなどのデリバティブ市場シグナルをキャプチャします。実際の戦闘では、4段階の方法に従って傾向が確認(rèn)されます。技術(shù)的共鳴、交換フロー、デリバティブ指標(biāo)、市場センチメントの極端な価値。主な力は、しばしば3段階の収穫戦略を採用します。FOMOの掃引と製造、KOLは協(xié)力的に叫ぶ命令、および短期間のバックハンドショートです。初心者はリスク回避行動をとる必要があります：主力の純流出が1500萬ドルを超える場合、ポジションを50％削減し、大規(guī)模な販売注文
Binance Exchangeの公式ウェブサイトの入り口
Jul 31, 2025 pm 06:21 PM
Binance Exchangeは、世界をリードする暗號通貨取引プラットフォームです。公式のウェブサイトの入り口は、指定されたリンクです。ユーザーは、ブラウザを介してWebサイトにアクセスし、フィッシングWebサイトの防止に注意を払う必要があります。 1.主な機(jī)能には、スポット取引、契約取引、金融商品、LaunchPad New Currency発行、NFT市場が含まれます。 2。アカウントを登録するには、メールまたは攜帯電話番號を入力してパスワードを設(shè)定する必要があります。セキュリティ対策には、デュアルファクター認(rèn)証を有効にすること、モバイルメールと引き出しホワイトリストのバインドが含まれます。 3.アプリは、公式WebサイトまたはApp Storeからダウンロードできます。 iOSユーザーは、領(lǐng)域を切り替えるか、TestFlightを使用する必要がある場合があります。 4.カスタマーサポートは24時間年中無休の多言語サービスを提供し、ヘルプセンター、オンラインチャット、または作業(yè)注文を通じてヘルプを取得できます。 5。ノートには、フィッシングを防ぐために公式チャネルを介してのみアクセスすることが含まれます
なぜBinanceアカウントの登録が失敗するのですか？原因と解決策
Jul 31, 2025 pm 07:09 PM
バイナンスアカウントの登録の失敗は、主に地域のIP遮斷、ネットワーク異常、KYC認(rèn)証障害、アカウントの複製、デバイスの互換性の問題、システムメンテナンスによって引き起こされます。 1.無制限の地域ノードを使用して、ネットワークの安定性を確保します。 2.明確で完全な証明書情報(bào)を送信し、國籍を一致させます。 3. Unboundのメールアドレスに登録します。 4.ブラウザのキャッシュをクリーニングするか、デバイスを交換します。 5.メンテナンス期間を避け、公式発表に注意を払ってください。 6.登録後、すぐに2FAを有効にし、ホワイトリストとアンチフィッシングコードにアドレス指定します。これにより、10分以內(nèi)に登録を完了し、セキュリティを90％以上改善し、最終的にコンプライアンスとセキュリティクローズドループを構(gòu)築できます。
ビットコインリアルタイムマーケットトレンドチャートアプリ最新のBTC価格24時間K-Lineオンライン分析
Jul 31, 2025 pm 10:24 PM
ビットコイン（BTC）は、世界初の分散デジタル通貨です。 2009年のデビュー以來、ユニークな暗號化技術(shù)と限られた供給により、デジタル資産市場のリーダーになりました。暗號通貨スペースに従っているユーザーにとって、価格のダイナミクスをリアルタイムで追跡することが重要です。
キーボードがブラウザで入力されていないのはなぜですか
Jul 31, 2025 am 08:16 AM
suriedoanediTobletextfieldwithablinkingcursor; presstabtonavigatetoinputareas.2.testinanincognito/privatewindow; iftypingsworks; dibable byeonetofintofindtheculpritordisableasableacassableacassibulivefeatureSlikeretbrowsing
通貨サークルで主流のコイン再生ソフトウェアは何ですか？
Jul 31, 2025 pm 08:09 PM
2025年の主流のコインプレイソフトウェアを選択するには、セキュリティ、料金、通貨カバレッジ、イノベーション機(jī)能の優(yōu)先順位が必要です。 1.ビナンス（毎日の平均で190億米ドル、1,600通貨）、OUYI（125xレバレッジ、Web3統(tǒng)合）、Coinbase（コンプライアンスベンチマーク、コインの獲得を?qū)Wぶ）などのグローバルな包括的なプラットフォームは、ほとんどのユーザーに適しています。 2。gate.io（非常に高速なコイン、取引は3.0）、kucoin（gamefi、35％の誓約収入）、bydfi（ミーム通貨、MPCセキュリティ）などの高ポテンシャルフィーチャープラットフォーム。 3。プロフェッショナルプラットフォームKraken（MICA認(rèn)定、ゼロ事故）、Bitfinex（5MS遅延、125倍のレバレッジ）サービス機(jī)関および定量チーム。提案する
BTCコイン最新の価格動向チャートリアルタイムソフトウェアビットコイン今日の為替レートKライン分析
Jul 31, 2025 pm 10:21 PM
ビットコイン（BTC）は、世界初の分散型デジタル通貨であり、暗號通貨市場の先駆者と天気の帯でもあります。 2009年の誕生以來、その価格のボラティリティと技術(shù)革新は、世界中の投資家や技術(shù)愛好家から多くの注目を集めています。価格動向をリアルタイムで把握することは、市場參加者にとって重要です。
