網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明公開了一種網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法，包括如下步驟：S1：接收視頻打開指令，判斷網(wǎng)頁中是否有音頻播放，若是，關(guān)閉音頻并執(zhí)行步驟S2，若否，則直接執(zhí)行步驟S2；S2：根據(jù)視頻打開指令在網(wǎng)頁中插入對應(yīng)視頻的視頻對象，在網(wǎng)頁中播放視頻對象；S3：判斷是否接收到視頻關(guān)閉指令，若是，則停止播放視頻對象；若否，則播放視頻對象直至完畢。本發(fā)明網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法及系統(tǒng)，通過在接收到視頻打開指令或視頻關(guān)閉指令時對音頻及視頻進(jìn)行播放切換，避免了視頻音頻播放的干擾。
【專利說明】網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法及系統(tǒng)

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機【技術(shù)領(lǐng)域】，尤其涉及一種網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法及系統(tǒng)。

【背景技術(shù)】
[0002]現(xiàn)有技術(shù)中，當(dāng)瀏覽網(wǎng)頁頁面時，由于視頻往往是嵌在頁面中的，并且有些視頻是自動播放的，故往往無法捕捉到視頻的播放暫停等交互操作。當(dāng)頁面中同時存在音頻和視頻時，如果將視頻直接顯示在頁面中，就無法判斷何時該停止音頻，何時該啟動音頻。音頻和視頻的播放很可能產(chǎn)生干擾，造成二者播放效果不佳。


【發(fā)明內(nèi)容】

[0003]本發(fā)明要解決的技術(shù)問題在于，提供一種網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法及系統(tǒng)。
[0004]本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是:提供一種網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法，包括如下步驟:
[0005]S1:接收視頻打開指令，判斷網(wǎng)頁中是否有音頻播放，若是，關(guān)閉音頻并執(zhí)行步驟S2，若否，則直接執(zhí)行步驟S2 ；
[0006]S2:根據(jù)視頻打開指令在網(wǎng)頁中插入對應(yīng)視頻的視頻對象，在網(wǎng)頁中播放視頻對象；
[0007]S3:判斷是否接收到視頻關(guān)閉指令，若是，則停止播放視頻對象；若否，則播放視頻對象直至完畢。
[0008]優(yōu)選地，在步驟SI中，在網(wǎng)頁中設(shè)置一視頻封面，當(dāng)用戶點擊視頻封面時產(chǎn)生視頻打開指令，網(wǎng)頁接收視頻打開指令并隱藏視頻封面；在步驟S2中，在視頻封面所在位置插入對應(yīng)視頻的視頻對象。
[0009]優(yōu)選地，步驟S3中，在視頻播放時，若用戶點擊視頻對象以外的頁面區(qū)域產(chǎn)生視頻關(guān)閉指令，打開音頻；和/或，在視頻對象外設(shè)置一關(guān)閉按鈕，若用戶點擊關(guān)閉按鈕時產(chǎn)生視頻關(guān)閉指令，打開首頻。
[0010]優(yōu)選地，步驟S3中，音頻打開時，刪除視頻對象，或者，刪除視頻對象并顯示視頻封面。
[0011]優(yōu)選地，網(wǎng)頁為智能手機的網(wǎng)頁；視頻對象為Iframe、Flash或frame對象。
[0012]還提供一種網(wǎng)頁中音頻與視頻共存時的音頻視頻交互系統(tǒng)，包括:
[0013]接收模塊，用于接收視頻打開指令和視頻關(guān)閉指令；
[0014]第一判斷模塊，用于根據(jù)視頻打開指令判斷網(wǎng)頁中是否有音頻播放，并輸出第一判斷結(jié)果；
[0015]第二判斷模塊，用于判斷是否接收到視頻關(guān)閉指令并輸出第二判斷結(jié)果；
[0016]交互模塊，用于根據(jù)第一判斷結(jié)果關(guān)閉音頻，并在網(wǎng)頁中插入對應(yīng)視頻的視頻對象，在網(wǎng)頁中播放視頻對象；并根據(jù)第二判斷結(jié)果停止播放視頻對象或播放視頻對象直至完畢。
[0017]優(yōu)選地，該系統(tǒng)還包括封面處理模塊，封面處理模塊用于在網(wǎng)頁中設(shè)置一視頻封面，當(dāng)用戶點擊視頻封面時產(chǎn)生視頻打開指令并將其輸出至接收模塊；交互模塊還用于根據(jù)視頻打開指令隱藏視頻封面，并在視頻封面所在位置插入對應(yīng)視頻的視頻對象。
[0018]優(yōu)選地，封面處理模塊還用于在視頻播放時，在用戶點擊視頻對象以外的頁面區(qū)域時，產(chǎn)生視頻關(guān)閉指令并將其輸出至接收模塊，并由交互模塊控制打開音頻；和/或，封面處理模塊還用于在視頻對象外設(shè)置一關(guān)閉按鈕，在用戶點擊關(guān)閉按鈕時產(chǎn)生視頻關(guān)閉指令，并將視頻關(guān)閉指令輸出至接收模塊，并由交互模塊控制打開音頻。
[0019]優(yōu)選地，交互模塊還用于在音頻打開時，刪除視頻對象，或者，刪除視頻對象并顯示視頻封面。
[0020]優(yōu)選地，網(wǎng)頁為智能手機的網(wǎng)頁；視頻對象為Iframe、Flash或frame對象。
[0021]實施本發(fā)明的有益效果是:本發(fā)明網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法及系統(tǒng)，通過在接收到視頻打開指令或視頻關(guān)閉指令時對音頻及視頻進(jìn)行播放切換，避免了視頻音頻播放的干擾。

【專利附圖】

【附圖說明】
[0022]下面將結(jié)合附圖及實施例對本發(fā)明作進(jìn)一步說明，附圖中:
[0023]圖1是本發(fā)明一些實施例的網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法的流程不意圖；
[0024]圖2是本發(fā)明一些實施例的網(wǎng)頁中音頻與視頻共存時的音頻視頻交互系統(tǒng)的模塊不意圖。

【具體實施方式】
[0025]為了對本發(fā)明的技術(shù)特征、目的和效果有更加清楚的理解，現(xiàn)對照附圖詳細(xì)說明本發(fā)明的【具體實施方式】。
[0026]如圖1示出了本發(fā)明一些實施例中音頻視頻的交互方法，該方法用于在網(wǎng)頁中音頻與視頻共存時，根據(jù)相應(yīng)的視頻打開指令對音頻進(jìn)行關(guān)閉同時打開視頻，并根據(jù)相應(yīng)的視頻關(guān)閉指令對視頻進(jìn)行關(guān)閉，從而使得音頻的播放與視頻的播放不相互干擾。可以理解地，網(wǎng)頁可為智能手機通過瀏覽器打開的網(wǎng)頁、智能手機通過App應(yīng)用打開的網(wǎng)頁、電腦通過瀏覽器打開的網(wǎng)頁、電腦通過應(yīng)用打開的網(wǎng)頁等。優(yōu)選地，該音頻視頻的交互方法為一種應(yīng)用于輕應(yīng)用(Light APP)網(wǎng)頁的音頻視頻交互方法。
[0027]在一些實施例中，音頻視頻的交互方法包括如下步驟:
[0028]S1:接收視頻打開指令，判斷網(wǎng)頁中是否有音頻播放，若是，關(guān)閉音頻并執(zhí)行步驟S2，若否，則直接執(zhí)行步驟S2。
[0029]在該步驟中，需說明的是，當(dāng)接受到視頻打開指令后，需對播放中的音頻進(jìn)行關(guān)閉，以避免干擾將要打開的視頻。而在這里，若網(wǎng)頁中無音頻或者無正在播放中的音頻，則無需關(guān)閉音頻，直接在后續(xù)步驟執(zhí)行打開視頻即可。
[0030]作為選擇，接收視頻打開指令的形式可以為多種，如:1)在網(wǎng)頁中插入一視頻播放按鈕，當(dāng)用戶點擊該按鈕時，網(wǎng)頁接收到視頻打開指令；2)在網(wǎng)頁中插入一鏈接，當(dāng)用戶點擊該鏈接時，網(wǎng)頁收到視頻打開指令；3)在網(wǎng)頁中插入一音頻停止按鈕，當(dāng)用戶點擊該按鈕時，網(wǎng)頁收到視頻打開指令。接收視頻打開指令的形式不限于以上列舉的幾種，只要能實現(xiàn)通過用戶的交互，網(wǎng)頁收到視頻打開指令即可。
[0031]在一些優(yōu)選實施例中，接收視頻打開指令的形式如下:在網(wǎng)頁中設(shè)置一視頻封面，當(dāng)用戶點擊視頻封面時產(chǎn)生視頻打開指令，網(wǎng)頁接收視頻打開指令并隱藏視頻封面。作為選擇，網(wǎng)頁接收到該視頻打開指令后也可以不隱藏視頻封面。優(yōu)選地，該視頻封面可為視頻對象的一縮略圖，或者，該視頻封面也可設(shè)置為一具有視頻打開按鈕的縮略圖。
[0032]S2:根據(jù)視頻打開指令在網(wǎng)頁中插入對應(yīng)視頻的視頻對象，在網(wǎng)頁中播放視頻對象。
[0033]在該步驟中，需說明的是，在設(shè)置視頻封面的優(yōu)選實施例中，在視頻封面所在位置插入對應(yīng)視頻的視頻對象?；蛘?，也可以不在視頻封面所在位置插入視頻對象，直接在整個頁面上插入視頻對象進(jìn)行全屏播放。作為選擇，當(dāng)網(wǎng)頁接收到該視頻打開指令后不隱藏視頻封面時，也可直接在整個頁面上插入視頻對象進(jìn)行全屏播放。
[0034]作為選擇，視頻對象可為Iframe、Flash或frame對象。優(yōu)選地，視頻對象為Iframe。
[0035]S3:判斷是否接收到視頻關(guān)閉指令，若是，則停止播放視頻對象；若否，則播放視頻對象直至完畢。
[0036]在該步驟中，需說明的是，在視頻播放時，接收視頻關(guān)閉指令的方式可以有很多種:1)在視頻對象外設(shè)置一關(guān)閉按鈕，若用戶點擊關(guān)閉按鈕時產(chǎn)生視頻關(guān)閉指令；2)在視頻對象以外的頁面區(qū)域設(shè)置接收視頻關(guān)閉指令的功能，若用戶點擊視頻對象以外的頁面區(qū)域產(chǎn)生視頻關(guān)閉指令，打開音頻。接收視頻關(guān)閉指令的形式不限于以上列舉的幾種，只要能實現(xiàn)通過用戶的交互，網(wǎng)頁收到視頻關(guān)閉指令即可。
[0037]在視頻對象被停止/播放完畢后，還可將音頻打開時，同時刪除視頻對象；或者，作為選擇，在設(shè)置視頻封面的優(yōu)選實施例中，還可刪除視頻對象并顯示先前隱藏的視頻封面。
[0038]圖2示出了本發(fā)明一些實施例的網(wǎng)頁中音頻與視頻共存時的音頻視頻交互系統(tǒng)，該系統(tǒng)包括接收模塊100、第一判斷模塊300、第二判斷模塊500、交互模塊700和封面處理模塊900?？梢岳斫獾?，網(wǎng)頁可為智能手機通過瀏覽器打開的網(wǎng)頁、智能手機通過App應(yīng)用打開的網(wǎng)頁、電腦通過瀏覽器打開的網(wǎng)頁、電腦通過應(yīng)用打開的網(wǎng)頁等。
[0039]其中，封面處理模塊900用于在網(wǎng)頁中設(shè)置一視頻封面，當(dāng)用戶點擊視頻封面時產(chǎn)生視頻打開指令并將其輸出至接收模塊100。作為選擇，封面處理模塊900可以設(shè)置可以不設(shè)置。
[0040]接收模塊100用于接收視頻打開指令和視頻關(guān)閉指令。接收模塊100接收視頻打開指令的形式如下:封面處理模塊900設(shè)置一視頻封面，當(dāng)用戶點擊視頻封面時產(chǎn)生視頻打開指令，交互模塊700根據(jù)視頻打開指令隱藏視頻封面，并在視頻封面所在位置插入對應(yīng)視頻的視頻對象。作為選擇，交互模塊700也可以不隱藏視頻封面。優(yōu)選地，該視頻封面可為視頻對象的一縮略圖，或者，該視頻封面也可設(shè)置為一具有視頻打開按鈕的縮略圖。
[0041]作為選擇，當(dāng)不設(shè)置封面處理模塊900時，接收模塊100接收視頻打開指令的形式還可以為多種，如:1)插入一視頻播放按鈕，當(dāng)用戶點擊該按鈕時，接收模塊100接收到視頻打開指令；2)插入一鏈接，當(dāng)用戶點擊該鏈接時，接收模塊100收到視頻打開指令；3)插入一音頻停止按鈕，當(dāng)用戶點擊該按鈕時，接收模塊100收到視頻打開指令。接收模塊100接收視頻打開指令的形式不限于以上列舉的幾種，只要能實現(xiàn)通過用戶的交互，接收模塊100收到視頻打開指令即可。
[0042]在視頻播放時，接收模塊100接收視頻關(guān)閉指令的方式可有很多種:1)封面處理模塊900在視頻對象外設(shè)置一關(guān)閉按鈕，在用戶點擊關(guān)閉按鈕時產(chǎn)生視頻關(guān)閉指令，并將視頻關(guān)閉指令輸出至接收模塊100 ；2)封面處理模塊900在用戶點擊視頻對象以外的頁面區(qū)域時，產(chǎn)生視頻關(guān)閉指令并將其輸出至接收模塊100。
[0043]作為選擇，當(dāng)不設(shè)置封面處理模塊900時，在視頻播放時，接收模塊100接收視頻關(guān)閉指令的方式還可以有很多種:1)用戶點擊視頻對象外設(shè)置的一關(guān)閉按鈕時產(chǎn)生視頻關(guān)閉指令；2)用戶點擊視頻對象以外的頁面區(qū)域產(chǎn)生視頻關(guān)閉指令，則接收模塊100接收視頻關(guān)閉指令。接收模塊100接收視頻關(guān)閉指令的形式不限于以上列舉的幾種，只要能實現(xiàn)通過用戶的交互，接收模塊100收到視頻關(guān)閉指令即可。
[0044]第一判斷模塊300用于根據(jù)視頻打開指令判斷網(wǎng)頁中是否有音頻播放，并輸出第一判斷結(jié)果。可以理解地，當(dāng)接收模塊100接受到視頻打開指令后，需將播放中的音頻進(jìn)行關(guān)閉，以避免干擾將要打開的視頻。而在這里，若網(wǎng)頁中無音頻或者無正在播放中的音頻，則無需關(guān)閉音頻，直接在后續(xù)步驟執(zhí)行打開視頻即可。
[0045]第二判斷模塊500用于判斷是否接收到視頻關(guān)閉指令并輸出第二判斷結(jié)果，第二判斷結(jié)果包括接收到視頻關(guān)閉指令以及未接收到視頻關(guān)閉指令。
[0046]交互模塊700用于根據(jù)第一判斷結(jié)果關(guān)閉音頻，并在網(wǎng)頁中插入對應(yīng)視頻的視頻對象，在網(wǎng)頁中播放視頻對象。作為選擇，視頻對象可為Iframe、Flash或frame對象。優(yōu)選地，視頻對象為Iframe。
[0047]交互模塊700還用于根據(jù)第二判斷結(jié)果停止播放視頻對象或播放視頻對象直至完畢。當(dāng)?shù)诙袛嘟Y(jié)果為接收到視頻關(guān)閉指令時，交互模塊700停止播放視頻對象；當(dāng)?shù)诙袛嘟Y(jié)果為未停止播放視頻對象時，交互模塊700播放視頻對象直至完畢。
[0048]在視頻對象被停止/播放完畢后，交互模塊700還用于可將音頻打開，同時刪除視頻對象，或者，作為選擇，在封面處理模塊900設(shè)置視頻封面的優(yōu)選實施例中，交互模塊700還可刪除視頻對象并顯示視頻封面。
[0049]以上所述僅是本發(fā)明的優(yōu)選實施方式，本發(fā)明的保護(hù)范圍并不僅局限于上述實施例，凡屬于本發(fā)明思路下的技術(shù)方案均屬于本發(fā)明的保護(hù)范圍。應(yīng)當(dāng)指出，對于本【技術(shù)領(lǐng)域】的普通技術(shù)人員來說，在不脫離本發(fā)明原理前提下的若干個改進(jìn)和潤飾，這些改進(jìn)和潤飾也應(yīng)視為本發(fā)明的保護(hù)范圍。
【權(quán)利要求】
1.一種網(wǎng)頁中音頻與視頻共存時的音頻視頻交互方法，其特征在于，包括如下步驟: S1:接收視頻打開指令，判斷網(wǎng)頁中是否有音頻播放，若是，關(guān)閉所述音頻并執(zhí)行步驟S2，若否，則直接執(zhí)行步驟S2 ； S2:根據(jù)所述視頻打開指令在所述網(wǎng)頁中插入對應(yīng)視頻的視頻對象，在所述網(wǎng)頁中播放所述視頻對象； S3:判斷是否接收到視頻關(guān)閉指令，若是，則停止播放所述視頻對象；若否，則播放所述視頻對象直至完畢。
2.根據(jù)權(quán)利要求1所述的音頻視頻交互方法，其特征在于，在所述步驟SI中，在所述網(wǎng)頁中設(shè)置一視頻封面，當(dāng)用戶點擊所述視頻封面時產(chǎn)生所述視頻打開指令，所述網(wǎng)頁接收所述視頻打開指令并隱藏所述視頻封面；在所述步驟S2中，在所述視頻封面所在位置插入對應(yīng)視頻的所述視頻對象。
3.根據(jù)權(quán)利要求2所述的音頻視頻交互方法，其特征在于，所述步驟S3中，在所述視頻播放時，若用戶點擊所述視頻對象以外的所述頁面區(qū)域產(chǎn)生所述視頻關(guān)閉指令，打開所述音頻；和/或，在所述視頻對象外設(shè)置一關(guān)閉按鈕，若用戶點擊所述關(guān)閉按鈕時產(chǎn)生所述視頻關(guān)閉指令，打開所述音頻。
4.根據(jù)權(quán)利要求3所述的音頻視頻交互方法，其特征在于，所述步驟S3中，所述音頻打開時，刪除所述視頻對象，或者，刪除所述視頻對象并顯示所述視頻封面。
5.根據(jù)權(quán)利要求1至4任一項所述的音頻視頻交互方法，其特征在于，所述網(wǎng)頁為智能手機的網(wǎng)頁；所述視頻對象為Iframe、Flash或frame對象。
6.—種網(wǎng)頁中首頻與視頻共存時的首頻視頻交互系統(tǒng)，其特征在于，包括: 接收模塊(100)，用于接收視頻打開指令和視頻關(guān)閉指令； 第一判斷模塊(300)，用于根據(jù)所述視頻打開指令判斷網(wǎng)頁中是否有音頻播放，并輸出第一判斷結(jié)果； 第二判斷模塊(500)，用于判斷是否接收到所述視頻關(guān)閉指令并輸出第二判斷結(jié)果； 交互模塊(700)，用于根據(jù)所述第一判斷結(jié)果關(guān)閉所述音頻，并在所述網(wǎng)頁中插入對應(yīng)視頻的視頻對象，在所述網(wǎng)頁中播放所述視頻對象；并根據(jù)所述第二判斷結(jié)果停止播放所述視頻對象或播放所述視頻對象直至完畢。
7.根據(jù)權(quán)利要求6所述的音頻視頻交互系統(tǒng)，其特征在于，該系統(tǒng)還包括封面處理模塊(900)，所述封面處理模塊(900)用于在所述網(wǎng)頁中設(shè)置一視頻封面，當(dāng)用戶點擊所述視頻封面時產(chǎn)生所述視頻打開指令并將其輸出至所述接收模塊(100);所述交互模塊(700)還用于根據(jù)所述視頻打開指令隱藏所述視頻封面，并在所述視頻封面所在位置插入對應(yīng)視頻的所述視頻對象。
8.根據(jù)權(quán)利要求6所述的音頻視頻交互系統(tǒng)，其特征在于，所述封面處理模塊(900)還用于在所述視頻播放時，在用戶點擊所述視頻對象以外的所述頁面區(qū)域時，產(chǎn)生所述視頻關(guān)閉指令并將其輸出至所述接收模塊(100)，并由所述交互模塊(700)控制打開所述音頻；和/或，所述封面處理模塊(900)還用于在所述視頻對象外設(shè)置一關(guān)閉按鈕，在用戶點擊所述關(guān)閉按鈕時產(chǎn)生所述視頻關(guān)閉指令，并將所述視頻關(guān)閉指令輸出至所述接收模塊(100)，并由所述交互模塊(700)控制打開所述音頻。
9.根據(jù)權(quán)利要求7所述的音頻視頻交互系統(tǒng)，其特征在于，所述交互模塊(700)還用于在所述音頻打開時，刪除所述視頻對象，或者，刪除所述視頻對象并顯示所述視頻封面。
10.根據(jù)權(quán)利要求6至9任一項所述的音頻視頻交互系統(tǒng)，其特征在于，所述網(wǎng)頁為智能手機的網(wǎng)頁；所述視頻對象為Iframe、Flash或frame對象。
【文檔編號】H04N21/472GK104202674SQ201410439144
【公開日】2014年12月10日 申請日期:2014年8月29日 優(yōu)先權(quán)日:2014年8月29日
【發(fā)明者】張小剛, 蔣天雄 申請人:深圳市云來網(wǎng)絡(luò)科技有限公司