文章詳情頁
前端 - html5 audio不能播放
瀏覽：87日期：2023-01-31 17:24:35
問題描述
問題解答
回答1：代碼沒問題，請自行查看：1、瀏覽器是否支持HTML52、音頻文件路徑是否正確，音頻文件格式是否正確3、變量是否沖突等
回答2：應該是你的資源的問題, 我在本地調試沒問題
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title></head><body> <script> var audio = document.createElement(’audio’); var source = document.createElement(’source’); audio.setAttribute(’controls’, ’controls’); audio.innerHTML = '您的瀏覽器不支持 audio 標簽。'; source.src = ’./hello.mp3’; source.setAttribute(’type’,’audio/mpeg’); audio.appendChild(source); document.body.appendChild(audio); window.addEventListener(’click’, function(){audio.play(); }); </script></body></html>
運行結果:(注意紅框中不是0:00)
標簽：
Html5
上一條：html - 為什么我給div設置display:inline然后設置height還是有效呢下一條：html5 - canvas中的mousedrag事件，為什么鼠標拖出canvas，然后再次移入canvas，drag事件還觸發
相關文章：
1. android - 分享到微信，如何快速轉換成字節數組2. javascript - 能否讓vue-cli的express修改express重啟服務3. angular.js - Beego 與 AngularJS的模板格式沖突，該怎么解決？4. javascript - nodejs使用mongoose連接數據庫，使用post提交表單在后臺，后臺處理后調用res.redirect()跳轉界面無效？5. node.js - npm一直提示proxy有問題6. javascript - vue2.0中，$refs對象為什么用駝峰的方式獲取不到屬性？7. 解決Android webview設置cookie和cookie丟失的問題8. html5 - 有人做過防微信app界面的H5 demo嗎？9. javascript - 有沒有iOS微信中可以在背景播放視頻的方法?10. 最新版本的微信web開發者工具必須要APPID，會提供測試號，但是像你一樣tabBar配置的話不會顯示首頁與日志，難道我要下載跟你一樣的版本？
排行榜
網公網安備