頁面的背景音樂載入很慢
問題
由於我在頁面中使用了<audio>
標籤來播放一首背景音樂,該音訊是一首大小為2.7MB的MP3檔案。在第一次載入該頁面時,需要花費相當長的一段時間去載入音訊。
解決方法
百度了下才知道,原來超過2MB的背景音樂其實是一個很巨大的檔案了,如果網速稍微慢一些使用者體驗就會很差了。大概有幾種解決的辦法:
- 把音樂加到FLASH裡
- 使用rm或wma格式的背景音樂
- 降低MP3檔案的音質
第一個就不說了,FLASH已經聲名狼藉,註定涼涼了。
第二個出於不同瀏覽器的相容性以及<audio>
標籤的相容性,還是決定使用MP3檔案。
最後就只能使用第三種方法了,通過MP3壓縮軟體,最後將該MP3音訊壓縮到了400KB左右,總算是馬馬虎虎實現了想要的效果。
參考連結
相關推薦
頁面的背景音樂載入很慢
問題 由於我在頁面中使用了<audio>標籤來播放一首背景音樂,該音訊是一首大小為2.7MB的MP3檔案。在第一次載入該頁面時,需要花費相當長的一段時間去載入音訊。 解決方法 百度了下才知道,原來超過2MB的背景音樂其實是一個很巨大的檔案了,如果網速稍微慢一些使用者體驗就會很差了。大概有幾種
webpack打包導致App.js很大,訪問頁面的時候會很慢的問題解決【vue-cli3打包】
問題說明:打包導致 js 很大,然後訪問特別慢。 我把 vue-cli 升級成了 vue-cli3之後打包就有兩個js,並且體積相當大,導致釋出後訪問的速度超級慢。 之前打包都是分了很多個小的js,具體是因為沒有配置還是因為什麼。暫時不清楚。如果你有好的辦法可以在下面留言。 解
angular 頁面第一次載入 速度慢 優化
首次訪問要10秒左右,之後很快,參考 路由元件拆分 預延遲載入 為什麼angular速度會變慢 我們在通過nginx build --prod --aot 命令生成釋出包後,發現main.js這個檔案異常的大,如果在使用了gzip壓縮之後訪問速度仍然不理想
Gradle載入很慢的問題解決方法,Building...info
每次載入一個新專案的時候,如果本地沒有該gradle版本時,都會去重新下載。但是這個下載一般都需要2個小時左右,慢到想死。我有一次,整整花了5個小時。 於是我找了幾種方法來解決這個下載慢的問題。 1
Hibernate 專案啟動載入很慢,不聯網時啟動不了,還報異常Caused by: org.dom4j.DocumentException: www.hibernate.org Nested exc
異常資訊如下: 看到我那個對映檔案沒有PProduct.hbm.xml,裡面的頭部結構是這樣的: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE hibernate-mapping PUBLIC
關於 VS 呼叫儲存過程載入很慢和SQL 執行很快的那些事
執行同樣的儲存過程,呼叫同樣的引數 在VS 中呼叫儲存過程和傳參後,到資料載入需要20秒或更多, 在SQL直接呼叫則不到一秒,同一個儲存過程為什麼有這麼大的區別呢? 原因:儲存過程計劃失效的原因 產生原因:儲存過程涉及到的物件表結構發生改變或資料量發生大的變化。 解決方案1: 1、重啟資料
網頁載入很慢時如何分析原因
1、後端的問題 看請求瀑布圖,如果第一個請求特別長、特別長,明顯比其他請求放到一起不和諧。一般網頁第一個請求是動態請求的概率比較大,如果這個請求特別耗時,那肯定不是前端的責任,html都沒載入完呢,你怎麼就能說是前端的問題呢。作為一個後端RD,優化程式碼、優化資料庫、優
MyEclipse儲存頁面時編譯總是很慢
1 、關閉MyEclipse的自動validation windows > perferences > myeclipse > validation 將Build下全部勾取消 如果你需要驗證某個檔案的時候,我們可以
關於stackoverflow網頁載入很慢的解決辦法
身在天朝還幹程式設計師真是一件很無奈的事情,就算你自備了梯子,也不好使。 stackoverflow在天朝並沒有被河蟹,但是我在
h5頁面添加背景音樂
兼容 osi https 背景 ger spa 渠道 hid rop 【需求】h5頁面添加背景音樂,支持微信、QQ、各種APP。 【實現思路】1、通過audio標簽,設置自動播放,是一種方法,但是此方法只適合微信、QQ,並不兼容我司的APP,需要主動觸發下播放事件。
頁面添加h5背景音樂
ans () toggle clas oop click key for ogg <div id="audio_btn" class="rotate"> <audio loop src="bg_audio.mp3" id="media" auto
angualr 載入速度慢,為頁面初始化完成前新增loading
1、在專案根目錄下index.html新增loading模板: <div class="loading-box" id="loading"> <div class="mark"></div> <img width="20" he
Flash迴圈播放背景音樂+停止+播放外部載入檔案
1、 迴圈播放背景音樂+播放外部載入檔案 import flash.media.SoundChannel; import flash.media.Sound; import flash.net.URLLoader; import flash.events.Event; //背景音樂 var s
音樂網站開發:實現點選按鈕切換頁面背景圖的功能
最近這一星期在做一個簡單小型的音樂播放器網站,目前各種功能基本都已經實現,包括切換上一曲下一曲,播放與暫停,隨機播放單曲迴圈順序播放模式切換,一首播放完畢自動按模式切換至下一曲,載入單句歌詞及所有歌詞等功能。另外就是本篇部落格要介紹的功能了,點
如何在背景圖片載入完成之後顯示頁面內容
首先後去後端資料,看看需要載入什麼圖片,共幾個圖片 for (var i = 0; i < that.vClassList.length; i++) { if(that.vClassList[i].msgTypeCode=='18
解決ios系統下微信頁面無法播放背景音樂的問題
1.問題現象 做h5頁面時需要插入一段背景音樂,在安卓系統微信裡開啟可以正常播放。但是在ios系統的微信裡開啟頁面聽不到聲音。 2.解決辦法 呼叫微信自帶的WeixinJSBridgeReady事件(WeixinJSBridge只能在微信內開啟的網頁有效)。 3.html程式碼展示
pycharm窗體中載入背景音樂
在pycharm中的tkinter窗體中載入背景音樂的方法,程式碼如下: import tkinter as tk #窗體 import pygame #音樂模組 root=tk.Tk() #定義一個tkinter類tk; Tkinter為圖形介面庫
解決intellij idea新建maven專案,載入archetype模型很慢
一:問題描述 用開發工具 intellij idea 新建maven專案的時候,不管選擇什麼archetype模型,載入都很慢 二:原因 maven構建的時候,每次去請求 archetype-catalog.xml 檔案 請求地址:http://repo1.ma
HTML往頁面中加入背景音樂(簡)
第一種:<bgsound>標籤(只適用於IE瀏覽器) 在<head> </head> 裡面加入<bgsound src="音樂url" loop="-1"> loop=-1意思是設定為自動播放; 第二種:<audio>標籤(適合
android:webview載入網頁速度很慢的的究極解決方案
Android客戶端中混搭HTML頁面,會出現雖然HTML內容載入完成,標題也正常顯示,但是整個網頁需要等到近5秒(甚至更多)時間才會顯示出來。研究了很久,搜遍了國外很多網站,也看過PhoneGap的程式碼,一直無解。 一般人堆WebView的加速,都是建