本發(fā)明涉及到互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及到網(wǎng)頁音頻文件播放的方法、瀏覽器和服務(wù)器。

背景技術(shù)：

目前，終端的瀏覽器在打開一個(gè)網(wǎng)頁后，該網(wǎng)頁上可能會(huì)自動(dòng)播放音頻或根據(jù)用戶選擇來播放音頻，每次播放一個(gè)音頻文件前，都會(huì)自動(dòng)或手動(dòng)的觸發(fā)該音頻文件的音頻標(biāo)簽，此時(shí)，終端通過系統(tǒng)的瀏覽器或客戶端自帶的瀏覽器向網(wǎng)頁的服務(wù)器發(fā)送http(HyperText Transfer Protocol，超文本傳輸協(xié)議)請(qǐng)求，瀏覽器在接收到服務(wù)器返回的響應(yīng)后，開始加載并播放當(dāng)前被觸發(fā)的音頻標(biāo)簽所對(duì)應(yīng)的音頻文件。由于發(fā)送請(qǐng)求和加載音頻文件的過程會(huì)存在一定的時(shí)間延遲，在某一個(gè)音頻標(biāo)簽被觸發(fā)后，需等待一小段時(shí)間后，才能播放該音頻文件。如果該頁面存在多個(gè)不同的音頻，每次觸發(fā)一個(gè)音頻標(biāo)簽后，瀏覽器都需要向服務(wù)器發(fā)送http請(qǐng)求，每次請(qǐng)求發(fā)送后都需要等待一段時(shí)間，才能完成加載并播放音頻，這無疑增加了等待加載的時(shí)間，造成音頻播放延遲。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明實(shí)施例提供一種網(wǎng)頁音頻文件播放的方法、瀏覽器和服務(wù)器，在網(wǎng)頁播放音頻文件時(shí)有效減少了等待的時(shí)間，避免音頻播放延遲。

本發(fā)明實(shí)施例提出一種網(wǎng)頁音頻文件播放的方法，包括步驟：

瀏覽器接收音頻標(biāo)簽觸發(fā)指令，獲取當(dāng)前頁面中本次觸發(fā)的音頻標(biāo)簽；

當(dāng)本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻已加載時(shí)，查找本次觸發(fā)的音頻標(biāo)簽在所述組合音頻中的對(duì)應(yīng)時(shí)間段；

播放所述組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)。

本發(fā)明實(shí)施例還提出一種網(wǎng)頁音頻文件播放的方法，包括步驟：

服務(wù)器在數(shù)據(jù)庫中獲取當(dāng)前頁面上每一個(gè)音頻標(biāo)簽對(duì)應(yīng)的原始音頻文件；

將多個(gè)所述原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并為一個(gè)音頻文件，作為當(dāng)前頁面的組合音頻；

根據(jù)每一個(gè)所述原始音頻文件的時(shí)長(zhǎng)，確定每一個(gè)所述原始音頻文件在所述組合音頻中的對(duì)應(yīng)時(shí)間段；

將每一個(gè)所述原始音頻文件在所述組合音頻中的對(duì)應(yīng)時(shí)間段與所述原始音頻文件的音頻標(biāo)簽建立映射關(guān)系。

本發(fā)明實(shí)施例還提出一種網(wǎng)頁音頻文件播放的瀏覽器，包括：

指令模塊，用于接收音頻標(biāo)簽觸發(fā)指令，獲取當(dāng)前頁面中本次觸發(fā)的音頻標(biāo)簽；

查找模塊，用于當(dāng)本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻已加載時(shí)，查找本次觸發(fā)的音頻標(biāo)簽在所述組合音頻中的對(duì)應(yīng)時(shí)間段；

播放模塊，用于播放所述組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)。

本發(fā)明實(shí)施例還提出一種網(wǎng)頁音頻文件播放的服務(wù)器，包括：

編輯模塊，用于在數(shù)據(jù)庫中獲取當(dāng)前頁面上每一個(gè)音頻標(biāo)簽對(duì)應(yīng)的原始音頻文件；將多個(gè)所述原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并為一個(gè)音頻文件，作為當(dāng)前頁面的組合音頻；

映射模塊，用于根據(jù)每一個(gè)所述原始音頻文件的時(shí)長(zhǎng)，確定每一個(gè)所述原始音頻文件在所述組合音頻中的對(duì)應(yīng)時(shí)間段；將每一個(gè)所述原始音頻文件在所述組合音頻中的對(duì)應(yīng)時(shí)間段與所述原始音頻文件的音頻標(biāo)簽建立映射關(guān)系。

本發(fā)明實(shí)施例的瀏覽器在根據(jù)本次觸發(fā)的音頻標(biāo)簽播放音頻時(shí)，直接在已加載的當(dāng)前頁面的組合音頻中查找本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的時(shí)間段，并播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)，該組合音頻是預(yù)先由服務(wù)器將當(dāng)前頁面中原有的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新 編輯合并而成的一個(gè)音頻文件，組合音頻中包括了當(dāng)前頁面的所有音頻標(biāo)簽對(duì)應(yīng)的音頻數(shù)據(jù)，無論觸發(fā)當(dāng)前頁面的哪一個(gè)音頻標(biāo)簽，只要瀏覽器已經(jīng)提前加載了當(dāng)前頁面的組合音頻，瀏覽器就無須再向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

附圖說明

圖1為本發(fā)明實(shí)施例中網(wǎng)頁音頻文件播放的瀏覽器所在終端與服務(wù)器交互的運(yùn)行環(huán)境圖；

圖2為本發(fā)明實(shí)施例中網(wǎng)頁音頻文件播放的瀏覽器所在終端的總線圖；

圖3為本發(fā)明瀏覽器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第一實(shí)施例的流程圖；

圖4為本發(fā)明瀏覽器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第二實(shí)施例的流程圖；

圖5為本發(fā)明瀏覽器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第三實(shí)施例的流程圖；

圖6為本發(fā)明服務(wù)器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第一實(shí)施例的流程圖；

圖7為本發(fā)明服務(wù)器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第二實(shí)施例的流程圖；

圖8為本發(fā)明服務(wù)器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第三實(shí)施例的流程圖；

圖9為本發(fā)明網(wǎng)頁音頻文件播放的瀏覽器的第一實(shí)施例的模塊示意圖；

圖10為本發(fā)明網(wǎng)頁音頻文件播放的瀏覽器的第二實(shí)施例的模塊示意圖；

圖11為本發(fā)明網(wǎng)頁音頻文件播放的服務(wù)器的第一實(shí)施例的模塊示意圖；

圖12為本發(fā)明網(wǎng)頁音頻文件播放的服務(wù)器的第二實(shí)施例的模塊示意圖；

圖13a為本發(fā)明實(shí)施例中由多個(gè)音頻文件生成組合音頻的第一實(shí)施例的示意圖；

圖13b為本發(fā)明實(shí)施例中由多個(gè)音頻文件生成組合音頻的第二實(shí)施例的示意圖。

本發(fā)明目的的實(shí)現(xiàn)、功能特點(diǎn)及優(yōu)點(diǎn)將結(jié)合實(shí)施例，參照附圖做進(jìn)一步說明。

具體實(shí)施方式

應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。

參照?qǐng)D1，本發(fā)明提供的網(wǎng)頁音頻文件播放的瀏覽器設(shè)置在終端100上，終端100可為電腦、PAD、手機(jī)等，瀏覽器可為終端100中安裝的獨(dú)立的瀏覽器，也可為安裝在終端100上的應(yīng)用程序自帶的瀏覽器，服務(wù)器200可為網(wǎng)頁對(duì)應(yīng)的服務(wù)器，或用于對(duì)其他網(wǎng)頁重編碼的服務(wù)器。瀏覽器通過終端100的數(shù)據(jù)網(wǎng)絡(luò)、wifi、有線網(wǎng)絡(luò)等方式與服務(wù)器200連接，實(shí)現(xiàn)數(shù)據(jù)的交互。

參照?qǐng)D2，圖2為本發(fā)明實(shí)施例中網(wǎng)頁音頻文件播放的瀏覽器所在終端的總線圖，該終端可以包括：至少一個(gè)處理器101，例如CPU，至少一個(gè)網(wǎng)絡(luò)接口104，用戶接口103，存儲(chǔ)器105，至少一個(gè)通信總線102。其中，通信總線102用于實(shí)現(xiàn)這些組件之間的連接通信。其中，用戶接口103可以包括顯示屏(Display)、鍵盤(Keyboard)，還可以包括標(biāo)準(zhǔn)的有線接口、無線接口。網(wǎng)絡(luò)接口104可以包括標(biāo)準(zhǔn)的有線接口、無線接口(如WIFI接口)。存儲(chǔ)器105可以是高速RAM存儲(chǔ)器，也可以是非不穩(wěn)定的存儲(chǔ)器(non-volatile memory)，例如至少一個(gè)磁盤存儲(chǔ)器。存儲(chǔ)器105還可以是至少一個(gè)位于遠(yuǎn)離前述處理器101的存儲(chǔ)瀏覽器。作為一種計(jì)算機(jī)存儲(chǔ)介質(zhì)的存儲(chǔ)器105中可以包括操作系統(tǒng)、網(wǎng)絡(luò)通信模塊、用戶接口模塊以及網(wǎng)頁音頻文件播放程序。

在圖2所示的網(wǎng)頁音頻文件播放的瀏覽器所在終端中，網(wǎng)絡(luò)接口104主要用于連接服務(wù)器或其他終端，與服務(wù)器或其他終端進(jìn)行數(shù)據(jù)通信；而用戶接口103主要用于接收用戶指令，并與用戶進(jìn)行交互；而處理器101可以用于調(diào)用存儲(chǔ)器105中存儲(chǔ)的網(wǎng)頁音頻文件播放程序，并執(zhí)行以下操作：

通過用戶接口103接收音頻標(biāo)簽觸發(fā)指令，獲取當(dāng)前頁面中本次觸發(fā)的音頻標(biāo)簽；

當(dāng)本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻已加載時(shí)，查找本次觸發(fā)的音頻 標(biāo)簽在組合音頻中的對(duì)應(yīng)時(shí)間段；

播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)。

在一個(gè)實(shí)施例中，處理器101調(diào)用存儲(chǔ)器105中存儲(chǔ)的網(wǎng)頁音頻文件播放程序還可以執(zhí)行以下操作：

在進(jìn)入當(dāng)前頁面后，通過網(wǎng)絡(luò)接口104向服務(wù)器請(qǐng)求加載當(dāng)前頁面的組合音頻；

通過網(wǎng)絡(luò)接口104接收服務(wù)器返回的當(dāng)前頁面的組合音頻。

在一個(gè)實(shí)施例中，處理器101調(diào)用存儲(chǔ)器105中存儲(chǔ)的網(wǎng)頁音頻文件播放程序還可以執(zhí)行以下操作：

當(dāng)本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻未加載時(shí)，通過網(wǎng)絡(luò)接口104向服務(wù)器請(qǐng)求加載組合音頻；

通過網(wǎng)絡(luò)接口104接收服務(wù)器返回的本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻。

本實(shí)施例圖1和圖2所描述的網(wǎng)頁音頻文件播放的瀏覽器和服務(wù)器中，瀏覽器在根據(jù)本次觸發(fā)的音頻標(biāo)簽播放音頻時(shí)，直接在已加載的當(dāng)前頁面的組合音頻中查找本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的時(shí)間段，并播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)，該組合音頻是預(yù)先由服務(wù)器將當(dāng)前頁面中原有的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成的一個(gè)音頻文件，組合音頻中包括了當(dāng)前頁面的所有音頻標(biāo)簽對(duì)應(yīng)的音頻數(shù)據(jù)，無論本次觸發(fā)當(dāng)前頁面的哪一個(gè)音頻標(biāo)簽，只要瀏覽器已經(jīng)提前加載了當(dāng)前頁面的組合音頻，瀏覽器就無須再向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

如圖3所示，圖3為本發(fā)明瀏覽器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第一實(shí)施例的流程圖。本實(shí)施例提到的網(wǎng)頁音頻文件播放的方法，包括：

步驟S110，瀏覽器接收音頻標(biāo)簽觸發(fā)指令，獲取當(dāng)前頁面中本次觸發(fā)的音頻標(biāo)簽；

本實(shí)施例通過終端的瀏覽器加載當(dāng)前頁面，如果當(dāng)前頁面中有待播放的音頻，則加載的當(dāng)前頁面內(nèi)有對(duì)應(yīng)于某一個(gè)音頻的音頻標(biāo)簽，如果有多個(gè)待播放的音頻，則頁面內(nèi)包括有多個(gè)音頻標(biāo)簽。當(dāng)某一個(gè)音頻被觸發(fā)時(shí)，例如 音頻標(biāo)簽“audio2”，則瀏覽器獲取到該音頻標(biāo)簽的信息，主要包括該音頻標(biāo)簽對(duì)應(yīng)的音頻ID“audio2”。

步驟S120，當(dāng)本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻已加載時(shí)，查找本次觸發(fā)的音頻標(biāo)簽在組合音頻中的對(duì)應(yīng)時(shí)間段；

在當(dāng)前頁面上的各個(gè)音頻標(biāo)簽對(duì)應(yīng)的音頻并不是獨(dú)立的多個(gè)音頻文件，而是預(yù)先由服務(wù)器將當(dāng)前頁面中原有的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成一個(gè)音頻文件，即組合音頻，如圖13a所示。該組合音頻中包括有當(dāng)前頁面上多個(gè)音頻的數(shù)據(jù)，根據(jù)每一個(gè)音頻的時(shí)長(zhǎng)，確定每一個(gè)音頻在組合音頻中的對(duì)應(yīng)時(shí)間段。瀏覽器在獲取到本次觸發(fā)的音頻標(biāo)簽后，查找當(dāng)前已加載的數(shù)據(jù)中是否有該音頻標(biāo)簽對(duì)應(yīng)的組合音頻，如果該組合音頻已加載，則查找組合音頻中對(duì)應(yīng)與本次觸發(fā)的音頻標(biāo)簽的時(shí)間段。例如圖13a中，音頻標(biāo)簽“audio2”對(duì)應(yīng)的組合音頻為sprite1.mp3，在組合音頻中的對(duì)應(yīng)時(shí)間段為8～14s。

步驟S130，播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)。

瀏覽器在獲取到音頻標(biāo)簽在組合音頻中的對(duì)應(yīng)時(shí)間段后，播放組合音頻在該時(shí)間段的音頻數(shù)據(jù)，如上述實(shí)施例sprite1.mp3中8～14s的音頻數(shù)據(jù)，該數(shù)據(jù)即為本次觸發(fā)的音頻標(biāo)簽“audio2”對(duì)應(yīng)的音頻數(shù)據(jù)，播放完成該時(shí)間段的音頻數(shù)據(jù)后，瀏覽器自動(dòng)暫停播放。此外，如果多個(gè)音頻的時(shí)長(zhǎng)不等，還可以采用留白的方式填補(bǔ)空白數(shù)據(jù)，使組合音頻中每一段音頻數(shù)據(jù)的起始時(shí)間間隔或終止時(shí)間間隔都相等，如圖13b所示，每一段音頻數(shù)據(jù)的起始時(shí)間的時(shí)間間隔相等，有利于瀏覽器在播放音頻時(shí)快速找到本次觸發(fā)的音頻標(biāo)簽的起始時(shí)間，提高播放效率。

本實(shí)施例的瀏覽器在根據(jù)本次觸發(fā)的音頻標(biāo)簽播放音頻時(shí)，直接在已加載的當(dāng)前頁面的組合音頻中查找本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的時(shí)間段，并播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)，該組合音頻是預(yù)先由服務(wù)器將當(dāng)前頁面中原有的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成的一個(gè)音頻文件，組合音頻中包括了當(dāng)前頁面的所有音頻標(biāo)簽對(duì)應(yīng)的音頻數(shù)據(jù)，無論觸發(fā)當(dāng)前頁面的哪一個(gè)音頻標(biāo)簽，只要瀏覽器已經(jīng)提前加載了當(dāng)前頁面的組合音頻，瀏覽器就無須再向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

如圖4所示，圖4為本發(fā)明瀏覽器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第二實(shí)施例的流程圖。本實(shí)施例包括圖3所示實(shí)施例中的所有步驟，在步驟S110之前還包括：

步驟S141，瀏覽器在進(jìn)入當(dāng)前頁面后，向服務(wù)器請(qǐng)求加載當(dāng)前頁面的組合音頻；

步驟S142，接收服務(wù)器返回的當(dāng)前頁面的組合音頻。

本實(shí)施例中，瀏覽器在加載完當(dāng)前頁面后，查看當(dāng)前頁面上是否有待播放的音頻，如果有，為了減少加載時(shí)等待的時(shí)間，瀏覽器向服務(wù)器發(fā)送加載請(qǐng)求，提前加載當(dāng)前頁面的組合音頻。由于服務(wù)器已經(jīng)預(yù)先將當(dāng)前頁面中原有的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成的一個(gè)音頻文件，因此瀏覽器無須針對(duì)多個(gè)原始音頻文件分別發(fā)送多次加載請(qǐng)求，多次加載音頻文件，而只需要發(fā)送依次加載請(qǐng)求，加載一個(gè)組合音頻即可，有效減少了音頻加載的時(shí)間和次數(shù)。同時(shí)，在觸發(fā)音頻標(biāo)簽后，瀏覽器只需要播放音頻標(biāo)簽在組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)即可，無須再次向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

如圖5所示，圖5為本發(fā)明瀏覽器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第三實(shí)施例的流程圖。本實(shí)施例包括圖3所示實(shí)施例中的所有步驟，在步驟S110之后還包括：

步驟S151，當(dāng)本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻未加載時(shí)，向服務(wù)器請(qǐng)求加載組合音頻；

步驟S152，接收服務(wù)器返回的本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻，并執(zhí)行步驟S120。

本實(shí)施例中，瀏覽器在加載當(dāng)前頁面時(shí)，如果有其他程序或當(dāng)前頁面的其他組件占用網(wǎng)絡(luò)，或當(dāng)前網(wǎng)絡(luò)暫時(shí)不穩(wěn)定，或用戶預(yù)先關(guān)閉了立即加載組合音頻的功能，或?yàn)g覽器檢測(cè)到當(dāng)前頁面暫時(shí)轉(zhuǎn)為后臺(tái)運(yùn)行，則瀏覽器可暫時(shí)不加載當(dāng)前頁面的組合音頻，有利于避免在提前加載過程中，占用當(dāng)前的網(wǎng)絡(luò)資源，或?qū)K端造成負(fù)荷。如果瀏覽器在接收到音頻標(biāo)簽被觸發(fā)的指令 后，瀏覽器沒有查找到音頻標(biāo)簽對(duì)應(yīng)的組合音頻，此時(shí)瀏覽器再向服務(wù)器請(qǐng)求加載組合音頻，如果后續(xù)有其他音頻標(biāo)簽被觸發(fā)時(shí)，由于已經(jīng)加載了組合音頻，瀏覽器只需要播放再次被觸發(fā)的音頻標(biāo)簽在組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)即可，無須再次向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

如圖6所示，圖6為本發(fā)明服務(wù)器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第一實(shí)施例的流程圖。本實(shí)施例提到的網(wǎng)頁音頻文件播放的方法，包括步驟：

步驟S210，服務(wù)器在數(shù)據(jù)庫中獲取當(dāng)前頁面上每一個(gè)音頻標(biāo)簽對(duì)應(yīng)的原始音頻文件；

本實(shí)施例的服務(wù)器可以是當(dāng)前網(wǎng)頁對(duì)應(yīng)的服務(wù)器，也可以是用于對(duì)其他網(wǎng)頁重編碼的服務(wù)器。在當(dāng)前網(wǎng)頁中有待播放的音頻時(shí)，原有的網(wǎng)頁中每一個(gè)音頻標(biāo)簽對(duì)應(yīng)各自的音頻文件，即本實(shí)施例中的原始音頻文件，這些音頻文件存儲(chǔ)在服務(wù)器的數(shù)據(jù)庫中或當(dāng)前網(wǎng)頁原始對(duì)應(yīng)的服務(wù)器的數(shù)據(jù)庫中，服務(wù)器從數(shù)據(jù)庫中獲取到這些音頻標(biāo)簽對(duì)應(yīng)的原始音頻文件，一個(gè)音頻標(biāo)簽對(duì)應(yīng)一個(gè)原始音頻文件，例如圖13a和圖13b所示的audio1.mp3、audio2.mp3、audio3.mp3。

步驟S220，將多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并為一個(gè)音頻文件，作為當(dāng)前頁面的組合音頻；

服務(wù)器將當(dāng)前頁面中的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成一個(gè)音頻文件，即組合音頻，如圖13a和圖13b所示的sprite1.mp3。音頻組合方式可以采用專門的音頻編輯工具進(jìn)行處理。

步驟S230，根據(jù)每一個(gè)原始音頻文件的時(shí)長(zhǎng)，確定每一個(gè)原始音頻文件在組合音頻中的對(duì)應(yīng)時(shí)間段；

步驟S240，將每一個(gè)原始音頻文件在組合音頻中的對(duì)應(yīng)時(shí)間段與原始音頻文件的音頻標(biāo)簽建立映射關(guān)系。

重新編輯后的組合音頻中包括有當(dāng)前頁面上多個(gè)音頻的數(shù)據(jù)，根據(jù)每一個(gè)音頻的時(shí)長(zhǎng)，確定每一個(gè)音頻在組合音頻中的對(duì)應(yīng)時(shí)間段，并建立音頻標(biāo)簽與對(duì)應(yīng)時(shí)間段的映射關(guān)系。例如圖13a中，音頻標(biāo)簽“audio3”對(duì)應(yīng)的組合音頻的時(shí)間段為sprite1.mp3的14～22秒。如此一來，當(dāng)瀏覽器在根據(jù)本次觸 發(fā)的音頻標(biāo)簽播放音頻時(shí)，直接在當(dāng)前頁面的組合音頻中查找本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的時(shí)間段，并播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)，無論觸發(fā)當(dāng)前頁面的哪一個(gè)音頻標(biāo)簽，只要瀏覽器已經(jīng)提前加載了當(dāng)前頁面的組合音頻，瀏覽器就無須再向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

如圖7所示，圖7為本發(fā)明服務(wù)器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第二實(shí)施例的流程圖。本實(shí)施例包括圖6所示實(shí)施例中的所有步驟，在步驟S220之后還包括：

步驟S221，當(dāng)各個(gè)原始音頻文件在組合音頻中的對(duì)應(yīng)時(shí)間段不相等時(shí)，在組合音頻中對(duì)應(yīng)時(shí)間段較短的音頻數(shù)據(jù)之前添加空白數(shù)據(jù)，使組合音頻中相鄰兩段音頻數(shù)據(jù)的終止時(shí)間的時(shí)間間隔相等；或在所述組合音頻中對(duì)應(yīng)時(shí)間段較短的音頻數(shù)據(jù)之后添加空白數(shù)據(jù)，使所述組合音頻中相鄰兩段音頻數(shù)據(jù)的起始時(shí)間的時(shí)間間隔相等。

本實(shí)施例中，如果多個(gè)音頻的時(shí)長(zhǎng)不等，可以采用留白的方式填補(bǔ)空白數(shù)據(jù)，使組合音頻中每一段音頻數(shù)據(jù)的起始時(shí)間間隔或終止時(shí)間間隔都相等，如圖13b所示，音頻標(biāo)簽“audio3”對(duì)應(yīng)的組合音頻的時(shí)間段為sprite1.mp3的16～24秒。每一段音頻數(shù)據(jù)的起始時(shí)間的時(shí)間間隔相等，有利于瀏覽器在播放音頻時(shí)快速找到本次觸發(fā)的音頻標(biāo)簽的起始時(shí)間，提高播放效率。

如圖8所示，圖8為本發(fā)明服務(wù)器實(shí)現(xiàn)網(wǎng)頁音頻文件播放的方法的第三實(shí)施例的流程圖。本實(shí)施例包括圖6所示實(shí)施例中的所有步驟，在步驟S240之后還包括：

步驟S251，接收瀏覽器發(fā)送的加載當(dāng)前頁面的組合音頻的請(qǐng)求；

步驟S252，向?yàn)g覽器返回當(dāng)前頁面的組合音頻、以及當(dāng)前頁面的音頻標(biāo)簽與組合音頻的對(duì)應(yīng)時(shí)間段之間的映射關(guān)系。

本實(shí)施例中，當(dāng)服務(wù)器接收到瀏覽器發(fā)送的組合音頻的加載請(qǐng)求時(shí)，服務(wù)器將預(yù)先重組好的組合音頻發(fā)送給瀏覽器，同時(shí)還向?yàn)g覽器發(fā)送音頻標(biāo)簽及其在組合音頻中對(duì)應(yīng)時(shí)間段之間的映射關(guān)系。如此一來，在本次觸發(fā)音頻標(biāo)簽后，瀏覽器只需要播放本次觸發(fā)的音頻標(biāo)簽在組合音頻中對(duì)應(yīng)時(shí)間段的 音頻數(shù)據(jù)即可，無須再次向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

如圖9所示，圖9為本發(fā)明網(wǎng)頁音頻文件播放的瀏覽器的第一實(shí)施例的模塊示意圖。本實(shí)施例提到的網(wǎng)頁音頻文件播放的瀏覽器，包括：

指令模塊310，用于接收音頻標(biāo)簽觸發(fā)指令，獲取當(dāng)前頁面中本次觸發(fā)的音頻標(biāo)簽；

查找模塊320，用于當(dāng)本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻已加載時(shí)，查找本次觸發(fā)的音頻標(biāo)簽在組合音頻中的對(duì)應(yīng)時(shí)間段；

播放模塊330，用于播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)。

本實(shí)施例通過終端的瀏覽器加載當(dāng)前頁面，如果當(dāng)前頁面中有待播放的音頻，則加載的當(dāng)前頁面內(nèi)有對(duì)應(yīng)于某一個(gè)音頻的音頻標(biāo)簽，如果有多個(gè)待播放的音頻，則頁面內(nèi)包括有多個(gè)音頻標(biāo)簽。當(dāng)某一個(gè)音頻被觸發(fā)時(shí)，例如音頻標(biāo)簽“audio2”，則瀏覽器獲取到該音頻標(biāo)簽的信息，主要包括該音頻標(biāo)簽對(duì)應(yīng)的音頻ID“audio2”。

在當(dāng)前頁面上的各個(gè)音頻標(biāo)簽對(duì)應(yīng)的音頻并不是獨(dú)立的多個(gè)音頻文件，而是預(yù)先由服務(wù)器將當(dāng)前頁面中原有的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成一個(gè)音頻文件，即組合音頻，如圖13a所示。該組合音頻中包括有當(dāng)前頁面上多個(gè)音頻的數(shù)據(jù)，根據(jù)每一個(gè)音頻的時(shí)長(zhǎng)，確定每一個(gè)音頻在組合音頻中的對(duì)應(yīng)時(shí)間段。瀏覽器在獲取到本次觸發(fā)的音頻標(biāo)簽后，查找當(dāng)前已加載的數(shù)據(jù)中是否有該音頻標(biāo)簽對(duì)應(yīng)的組合音頻，如果該組合音頻已加載，則查找組合音頻中對(duì)應(yīng)與本次觸發(fā)的音頻標(biāo)簽的時(shí)間段。例如圖13a中，音頻標(biāo)簽“audio2”對(duì)應(yīng)的組合音頻為sprite1.mp3，在組合音頻中的對(duì)應(yīng)時(shí)間段為8～14s。

瀏覽器在獲取到音頻標(biāo)簽在組合音頻中的對(duì)應(yīng)時(shí)間段后，播放組合音頻在該時(shí)間段的音頻數(shù)據(jù)，如上述實(shí)施例sprite1.mp3中8～14s的音頻數(shù)據(jù)，該數(shù)據(jù)即為本次觸發(fā)的音頻標(biāo)簽“audio2”對(duì)應(yīng)的音頻數(shù)據(jù)，播放完成該時(shí)間段的音頻數(shù)據(jù)后，瀏覽器自動(dòng)暫停播放。此外，如果多個(gè)音頻的時(shí)長(zhǎng)不等，還可以采用留白的方式填補(bǔ)空白數(shù)據(jù)，使組合音頻中每一段音頻數(shù)據(jù)的起始時(shí)間間隔或終止時(shí)間間隔都相等，如圖13b所示，每一段音頻數(shù)據(jù)的起始時(shí)間 的時(shí)間間隔相等，有利于瀏覽器在播放音頻時(shí)快速找到本次觸發(fā)的音頻標(biāo)簽的起始時(shí)間，提高播放效率。

本實(shí)施例的瀏覽器在根據(jù)本次觸發(fā)的音頻標(biāo)簽播放音頻時(shí)，直接在已加載的當(dāng)前頁面的組合音頻中查找本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的時(shí)間段，并播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)，該組合音頻是預(yù)先由服務(wù)器將當(dāng)前頁面中原有的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成的一個(gè)音頻文件，組合音頻中包括了當(dāng)前頁面的所有音頻標(biāo)簽對(duì)應(yīng)的音頻數(shù)據(jù)，無論觸發(fā)當(dāng)前頁面的哪一個(gè)音頻標(biāo)簽，只要瀏覽器已經(jīng)提前加載了當(dāng)前頁面的組合音頻，瀏覽器就無須再向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

如圖10所示，圖10為本發(fā)明網(wǎng)頁音頻文件播放的瀏覽器的第二實(shí)施例的模塊示意圖。本實(shí)施例包括圖9所示實(shí)施例中的所有模塊，還包括瀏覽器網(wǎng)絡(luò)模塊340，用于：

在進(jìn)入當(dāng)前頁面后，向服務(wù)器請(qǐng)求加載當(dāng)前頁面的組合音頻；

接收服務(wù)器返回的當(dāng)前頁面的組合音頻。

本實(shí)施例中，瀏覽器在加載完當(dāng)前頁面后，查看當(dāng)前頁面上是否有待播放的音頻，如果有，為了減少加載時(shí)等待的時(shí)間，瀏覽器向服務(wù)器發(fā)送加載請(qǐng)求，提前加載當(dāng)前頁面的組合音頻。由于服務(wù)器已經(jīng)預(yù)先將當(dāng)前頁面中原有的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成的一個(gè)音頻文件，因此瀏覽器無須針對(duì)多個(gè)原始音頻文件分別發(fā)送多次加載請(qǐng)求，多次加載音頻文件，而只需要發(fā)送依次加載請(qǐng)求，加載一個(gè)組合音頻即可，有效減少了音頻加載的時(shí)間和次數(shù)。同時(shí)，在觸發(fā)音頻標(biāo)簽后，瀏覽器只需要播放音頻標(biāo)簽在組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)即可，無須再次向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

進(jìn)一步的，瀏覽器網(wǎng)絡(luò)模塊340還用于：

當(dāng)本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻未加載時(shí)，向服務(wù)器請(qǐng)求加載組合音頻；

接收服務(wù)器返回的本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的組合音頻。

本實(shí)施例中，瀏覽器在加載當(dāng)前頁面時(shí)，如果有其他程序或當(dāng)前頁面的其他組件占用網(wǎng)絡(luò)，或當(dāng)前網(wǎng)絡(luò)暫時(shí)不穩(wěn)定，或用戶預(yù)先關(guān)閉了立即加載組合音頻的功能，或?yàn)g覽器檢測(cè)到當(dāng)前頁面暫時(shí)轉(zhuǎn)為后臺(tái)運(yùn)行，則瀏覽器可暫時(shí)不加載當(dāng)前頁面的組合音頻，有利于避免在提前加載過程中，占用當(dāng)前的網(wǎng)絡(luò)資源，或?qū)K端造成負(fù)荷。如果瀏覽器在接收到音頻標(biāo)簽被觸發(fā)的指令后，瀏覽器沒有查找到音頻標(biāo)簽對(duì)應(yīng)的組合音頻，此時(shí)瀏覽器再向服務(wù)器請(qǐng)求加載組合音頻，如果后續(xù)有其他音頻標(biāo)簽被觸發(fā)時(shí)，由于已經(jīng)加載了組合音頻，瀏覽器只需要播放再次被觸發(fā)的音頻標(biāo)簽在組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)即可，無須再次向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

如圖11所示，圖11為本發(fā)明網(wǎng)頁音頻文件播放的服務(wù)器的第一實(shí)施例的模塊示意圖。本實(shí)施例提到的網(wǎng)頁音頻文件播放的服務(wù)器，包括：

編輯模塊210，用于在數(shù)據(jù)庫中獲取當(dāng)前頁面上每一個(gè)音頻標(biāo)簽對(duì)應(yīng)的原始音頻文件；將多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并為一個(gè)音頻文件，作為當(dāng)前頁面的組合音頻；

映射模塊220，用于根據(jù)每一個(gè)原始音頻文件的時(shí)長(zhǎng)，確定每一個(gè)原始音頻文件在組合音頻中的對(duì)應(yīng)時(shí)間段；將每一個(gè)原始音頻文件在組合音頻中的對(duì)應(yīng)時(shí)間段與原始音頻文件的音頻標(biāo)簽建立映射關(guān)系。

本實(shí)施例的服務(wù)器可以是當(dāng)前網(wǎng)頁對(duì)應(yīng)的服務(wù)器，也可以是用于對(duì)其他網(wǎng)頁重編碼的服務(wù)器。在當(dāng)前網(wǎng)頁中有待播放的音頻時(shí)，原有的網(wǎng)頁中每一個(gè)音頻標(biāo)簽對(duì)應(yīng)各自的音頻文件，即本實(shí)施例中的原始音頻文件，這些音頻文件存儲(chǔ)在服務(wù)器的數(shù)據(jù)庫中或當(dāng)前網(wǎng)頁原始對(duì)應(yīng)的服務(wù)器的數(shù)據(jù)庫中，服務(wù)器從數(shù)據(jù)庫中獲取到這些音頻標(biāo)簽對(duì)應(yīng)的原始音頻文件，一個(gè)音頻標(biāo)簽對(duì)應(yīng)一個(gè)原始音頻文件，例如圖13a和圖13b所示的audio1.mp3、audio2.mp3、audio3.mp3。

服務(wù)器將當(dāng)前頁面中的多個(gè)原始音頻文件的音頻數(shù)據(jù)依次排列，并按照時(shí)間順序重新編輯合并而成一個(gè)音頻文件，即組合音頻，如圖13a和圖13b所示的sprite1.mp3。音頻組合方式可以采用專門的音頻編輯工具進(jìn)行處理。

重新編輯后的組合音頻中包括有當(dāng)前頁面上多個(gè)音頻的數(shù)據(jù)，根據(jù)每一個(gè)音頻的時(shí)長(zhǎng)，確定每一個(gè)音頻在組合音頻中的對(duì)應(yīng)時(shí)間段，并建立音頻標(biāo)簽與對(duì)應(yīng)時(shí)間段的映射關(guān)系。例如圖13a中，音頻標(biāo)簽“audio3”對(duì)應(yīng)的組合音頻的時(shí)間段為sprite1.mp3的14～22秒。如此一來，當(dāng)瀏覽器在根據(jù)本次觸發(fā)的音頻標(biāo)簽播放音頻時(shí)，直接在當(dāng)前頁面的組合音頻中查找本次觸發(fā)的音頻標(biāo)簽對(duì)應(yīng)的時(shí)間段，并播放組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)，無論觸發(fā)當(dāng)前頁面的哪一個(gè)音頻標(biāo)簽，只要瀏覽器已經(jīng)提前加載了當(dāng)前頁面的組合音頻，瀏覽器就無須再向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

進(jìn)一步的，編輯模塊210還用于，當(dāng)各個(gè)所述原始音頻文件在所述組合音頻中的對(duì)應(yīng)時(shí)間段不相等時(shí)，在所述組合音頻中對(duì)應(yīng)時(shí)間段較短的音頻數(shù)據(jù)之前添加空白數(shù)據(jù)，使所述組合音頻中相鄰兩段音頻數(shù)據(jù)的終止時(shí)間的時(shí)間間隔相等；或在所述組合音頻中對(duì)應(yīng)時(shí)間段較短的音頻數(shù)據(jù)之后添加空白數(shù)據(jù)，使所述組合音頻中相鄰兩段音頻數(shù)據(jù)的起始時(shí)間的時(shí)間間隔相等。

本實(shí)施例中，如果多個(gè)音頻的時(shí)長(zhǎng)不等，可以采用留白的方式填補(bǔ)空白數(shù)據(jù)，使組合音頻中每一段音頻數(shù)據(jù)的起始時(shí)間間隔或終止時(shí)間間隔都相等，如圖13b所示，音頻標(biāo)簽“audio3”對(duì)應(yīng)的組合音頻的時(shí)間段為sprite1.mp3的16～24秒。每一段音頻數(shù)據(jù)的起始時(shí)間的時(shí)間間隔相等，有利于瀏覽器在播放音頻時(shí)快速找到本次觸發(fā)的音頻標(biāo)簽的起始時(shí)間，提高播放效率。

如圖12所示，圖12為本發(fā)明網(wǎng)頁音頻文件播放的服務(wù)器的第二實(shí)施例的模塊示意圖。本實(shí)施例包括圖11所示實(shí)施例中的所有模塊，還包括服務(wù)器網(wǎng)絡(luò)模塊230，用于：

接收瀏覽器發(fā)送的加載當(dāng)前頁面的組合音頻的請(qǐng)求；

向?yàn)g覽器返回當(dāng)前頁面的組合音頻、以及當(dāng)前頁面的音頻標(biāo)簽與組合音頻的對(duì)應(yīng)時(shí)間段之間的映射關(guān)系。

本實(shí)施例中，當(dāng)服務(wù)器接收到瀏覽器發(fā)送的組合音頻的加載請(qǐng)求時(shí)，服務(wù)器將預(yù)先重組好的組合音頻發(fā)送給瀏覽器，同時(shí)還向?yàn)g覽器發(fā)送音頻標(biāo)簽及其在組合音頻中對(duì)應(yīng)時(shí)間段之間的映射關(guān)系。如此一來，在本次觸發(fā)音頻 標(biāo)簽后，瀏覽器只需要播放本次觸發(fā)的音頻標(biāo)簽在組合音頻中對(duì)應(yīng)時(shí)間段的音頻數(shù)據(jù)即可，無須再次向服務(wù)器發(fā)送加載請(qǐng)求，有效減少了等待加載的時(shí)間，避免了音頻播放延遲。

需要說明的是，在本文中，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者瀏覽器不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者瀏覽器所固有的要素。在沒有更多限制的情況下，由語句“包括一個(gè)……”限定的要素，并不排除在包括該要素的過程、方法、物品或者瀏覽器中還存在另外的相同要素。

上述本發(fā)明實(shí)施例序號(hào)僅僅為了描述，不代表實(shí)施例的優(yōu)劣。

通過以上的實(shí)施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到上述實(shí)施例方法可借助軟件加必需的通用硬件平臺(tái)的方式來實(shí)現(xiàn)，當(dāng)然也可以通過硬件，但很多情況下前者是更佳的實(shí)施方式?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)(如ROM/RAM、磁碟、光盤)中，包括若干指令用以使得一臺(tái)終端設(shè)備(可以是手機(jī)，計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例所述的方法。

以上所述僅為本發(fā)明的優(yōu)選實(shí)施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā)明說明書及附圖內(nèi)容所作的等效結(jié)構(gòu)或等效流程變換，或直接或間接運(yùn)用在其他相關(guān)的技術(shù)領(lǐng)域，均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。