一種無阻塞全屏觀看視頻影像的交互方法及交互裝置的制造方法
【專利說明】一種無阻塞全屏觀看視頻影像的交互方法及交互裝置
[0001]
技術(shù)領(lǐng)域
[0002]本發(fā)明屬于在互聯(lián)網(wǎng)產(chǎn)品中實(shí)現(xiàn)無阻塞全屏觀看視頻的交互模式，主要應(yīng)用于瀏覽器端(IE/Chrome/FireFox/Opera/Safari)的前端技術(shù)，尤其是涉及一種無阻塞全屏觀看視頻影像的交互方法及交互裝置。
【背景技術(shù)】
[0003]目前觀看視頻的播放器有:Flash、H5-vide0等等。開發(fā)者在使用這些播放器的時(shí)候，直接使用了播放器自帶的全屏功能，當(dāng)用戶切換至全屏模式的時(shí)候，播放器直接占用當(dāng)前顯示器窗口，阻塞了用戶的其他操作行為，降低了用戶的觀看體驗(yàn)。
[0004]當(dāng)用戶觀看并且希望放大視屏，只能點(diǎn)擊全屏播放，此時(shí)視頻占用了整個(gè)顯示器窗口，而且加大了電腦內(nèi)存、CPU資源的消耗，用戶無法使用當(dāng)前網(wǎng)站或者應(yīng)用下的其它功能，也不能對當(dāng)前系統(tǒng)進(jìn)行操作或查看。

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

[0005]本發(fā)明主要是解決現(xiàn)有技術(shù)所存在的技術(shù)問題;提供了一種降低播放器在原生全屏下的內(nèi)存、CPU消耗的無阻塞全屏觀看視頻影像的交互方法及交互裝置。
[0006]本發(fā)明還有一目的是解決現(xiàn)有技術(shù)所存在的技術(shù)問題;提供了一種充分利用網(wǎng)站資源和系統(tǒng)資源的無阻塞全屏觀看視頻影像的交互方法及交互裝置。
[0007]本發(fā)明再有一目的是解決現(xiàn)有技術(shù)所存在的技術(shù)問題;提供了一種移植顯示器窗口全屏的效果于網(wǎng)頁中來，為獲取更多的交互體驗(yàn)提供空間的無阻塞全屏觀看視頻影像的交互方法及交互裝置。
[0008]本發(fā)明的上述技術(shù)問題主要是通過下述技術(shù)方案得以解決的:
一種無阻塞全屏觀看視頻影像的交互方法，其特征在于，包括:
步驟I，啟動(dòng)無阻塞全屏觀看，具體是通過一個(gè)虛擬模塊啟動(dòng)無阻塞全屏觀看，并觸發(fā)系統(tǒng)進(jìn)行初始化；
步驟2，系統(tǒng)進(jìn)行初始化，包括flash初始化和腳本初始化，其中，flash初始化的具體方法是生成一個(gè)flash容器，所述flash容器的寬高為用戶自定義，并在flash容器下調(diào)用當(dāng)前場景系統(tǒng)嵌入的flash，設(shè)置flash容器的寬高為100%適應(yīng)于flash容器的寬高，也就是等于flash容器的寬高，并記錄該flash容器的寬高；
腳本初始化的具體方法是生成一個(gè)基于js函數(shù)的page_scrn腳本；
步驟3，自定義全屏區(qū)域，具體是設(shè)定當(dāng)前需要全屏的區(qū)域尺寸，由page_scrn腳本觸發(fā)獲取設(shè)定當(dāng)前需要全屏的區(qū)域尺寸，并緩存flash容器的當(dāng)前寬高，然后設(shè)定flash容器的當(dāng)前寬高為設(shè)定的需要全屏的區(qū)域尺寸的寬高。
[0009]在上述的一種無阻塞全屏觀看視頻影像的交互方法，還包括: 步驟4，退出無阻塞全屏觀看，具體是通過虛擬鍵退出無阻塞全屏觀看，啟動(dòng)后，觸發(fā)page_scrn腳本，調(diào)用flash初始化時(shí)記錄的flash容器的寬高，并設(shè)置當(dāng)前flash容器的寬高為初始化時(shí)flash容器的寬高。
[0010]在上述的一種無阻塞全屏觀看視頻影像的交互方法，所述步驟3中，設(shè)定當(dāng)前需要全屏的區(qū)域尺寸為用戶所在當(dāng)前場景的瀏覽器可操作區(qū)域?qū)捀摺?br>[0011 ] —種無阻塞全屏觀看視頻影像的交互裝置，其特征在于，包括:
啟動(dòng)無阻塞全屏觀看的虛擬模塊:通過該虛擬模塊啟動(dòng)無阻塞全屏觀看，并觸發(fā)系統(tǒng)進(jìn)行初始化；
flash初始化模塊:該flash初始化模塊生成一個(gè)flash容器，并在flash容器下調(diào)用當(dāng)前場景系統(tǒng)嵌入的flash，設(shè)置flash容器的寬高為100%適應(yīng)于flash容器的寬高，也就是等于flash容器的寬高，并記錄該flash容器的寬高；
腳本初始化模塊:該腳本初始化模塊生成一個(gè)page_scrn腳本；
自定義全屏區(qū)域模塊:由自定義全屏區(qū)域模塊設(shè)定當(dāng)前需要全屏的區(qū)域尺寸，由page_scrn腳本觸發(fā)獲取設(shè)定當(dāng)前需要全屏的區(qū)域尺寸，并緩存flash容器的當(dāng)前寬高，然后設(shè)定flash容器的當(dāng)前寬高為設(shè)定的需要全屏的區(qū)域尺寸的寬高。
[0012]在上述的一種無阻塞全屏觀看視頻影像的交互裝置，還包括:
退出無阻塞全屏觀看的虛擬模塊:通過該虛擬模塊退出無阻塞全屏觀看，啟動(dòng)后，觸發(fā)page_scrn腳本，調(diào)用flash初始化時(shí)記錄的flash容器的寬高，并設(shè)置當(dāng)前flash容器的寬高為初始化時(shí)flash容器的寬高。
[0013]在上述的一種無阻塞全屏觀看視頻影像的交互裝置，自定義全屏區(qū)域模塊進(jìn)行自定義全屏區(qū)域時(shí)，默認(rèn)設(shè)定當(dāng)前需要全屏的區(qū)域尺寸為用戶所在當(dāng)前場景的瀏覽器可操作區(qū)域?qū)捀摺?br>[0014]因此，本發(fā)明具有如下優(yōu)點(diǎn):1、降低播放器在原生全屏下的內(nèi)存、CPU消耗;2、用戶能夠自定義視頻播放時(shí)的全屏區(qū)域，并能夠在全屏?xí)r，不阻礙用戶進(jìn)行其他操作行為，充分利用了網(wǎng)站資源和系統(tǒng)資源；3、移植顯示器窗口全屏的效果于網(wǎng)頁中來，為獲取更多的交互體驗(yàn)提供空間。
【附圖說明】
[0015]圖1為現(xiàn)有技術(shù)中播放器全屏模式的示意圖。
[0016]圖2為采用本發(fā)明后再本發(fā)明的自定義全屏模式和播放器全屏模式的示意圖。
[0017]圖3為本發(fā)明涉及的交互方法中自定義全屏模式的原理示意圖。
[0018]圖4為本發(fā)明涉及的交互方法中自定義全屏模式中page_scrn函數(shù)操作步驟原理示意圖。
[0019]圖5為本發(fā)明涉及的交互方法中退出自定義全屏模式的原理示意圖。
[0020]圖6為本發(fā)明涉及的交互裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0021]下面通過實(shí)施例，并結(jié)合附圖，對本發(fā)明的技術(shù)方案作進(jìn)一步具體的說明。
[0022]實(shí)施例: 一、首先介紹一下本發(fā)明的交互方法，本發(fā)明中提到的無阻塞全屏觀看視頻，顧名思義就是不阻礙用戶行為的視頻全屏模式，在本發(fā)明中也可以稱為“網(wǎng)頁全屏”，“網(wǎng)頁全屏”是在當(dāng)前父容器下面進(jìn)行放大填充，用戶可以進(jìn)行其它操作；而傳統(tǒng)的“全屏”是調(diào)用播放器原生的功能，視頻將會(huì)填充全部顯示器且不能進(jìn)行其它操作。視頻無阻塞全屏(網(wǎng)頁全屏)不是播放器原生的功能(也不可能被播放器支持)，而是由播放器和腳本合作實(shí)現(xiàn)，本發(fā)明所涉及的網(wǎng)頁全屏具體包括以下步驟:
步驟I，啟動(dòng)無阻塞全屏觀看，具體是通過一個(gè)虛擬鍵(可以在系統(tǒng)中中增加自定義為一個(gè)flash UI全屏按鈕，該按鈕的位置可以是自定義的，通暢可以放在右下角的任務(wù)欄或者播放器的右下角)啟動(dòng)無阻塞全屏觀看，并觸發(fā)系統(tǒng)進(jìn)行初始化；
步驟2，系統(tǒng)進(jìn)行初始化，包括flash初始化和腳本初始化，其中，flash初始化的具體方法是生成一個(gè)flash容器，該flash容器的寬高為用戶自定義，并在flash容器下調(diào)用當(dāng)前場景系統(tǒng)嵌入的flash，設(shè)置flash容器的寬高為100%適應(yīng)于flash容器的寬高，也就是等于flash容器的寬高，并記錄該flash容器的寬高；
腳本初始化的具體方法是生成一個(gè)基于js函數(shù)的page_scrn腳