自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

前面的文章介紹了通過Fusion APP和米俠瀏覽器上的JS腳本結合製作免費觀看全網VIP視頻的APP。由於時間和篇幅有限,沒有細緻講解。只是大致演示了操作介紹了下思路。今天這篇文章,我細緻的講下如何自制免費看奇藝VIP視頻的APP,當然,大家也可以自己在實際設置中製作成自己想看的其他視頻網站。

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

首先,我們來看一下製作完成後的APP使用效果。如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

進入視頻網站後,選擇想看的視頻,打開後如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

點圖上箭頭出VIP解析,就可以進入免費播放網站進行觀看,如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

那麼如何製作這樣的APP呢?看過我前面文章的應該多少知道些。這需要用到Fusion APP——一款可以將網頁轉換為應用APP的軟件。不過,要想實現免費觀看VIP視頻,還必須用到米俠瀏覽器裡獲取的JS腳本。

前面的文章中,我曾講過通過編寫Fusion APP裡新建應用的

全局JS腳本來實現應用免費觀看VIP視頻,如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

在這裡我們講換種方法,掌握了這種新方法,那麼,在之後做一款集合多個視頻網站一起觀看免費VIP視頻的APP就更簡單些。

好了,言歸正傳。下面就給大家講一下具體方法步驟。

首先,打開Fusion APP,進入應用界面,點右下方

+號,選模板創建新的應用程序。如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

在這裡,我們只做一個視頻網站的APP所以我們選擇空白模板,如果想做多個集合在一起的APP就用標籤欄模板(具體的操作見前面文章)。如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

選擇好模板後,就可以創建應用,直接中文輸入應用名字,如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

創建好後,就直接進入了工程編輯界面,如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

在工程編輯界面我們就可以進行編輯了:將應用軟件橫屏打開,啟動網頁裡設置要訪問的視頻網站正確網址,再將瀏覽器標識由默認改為PC,如下圖箭頭處所示:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

完成了以上的設置,我們可以點右上方三角形按鈕,運行一下程序,測試是否正常。運行後,如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

這說明之前設置一切正常,可以進行下一步操作了。

接下來,我們返回工程編輯界面,在頁面加載完畢這一選項中,設置好我們的JS腳本。如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

進入頁面加載完畢事件這一界面,點右上方+號插入代碼加載JS,如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

再在JavaScript代碼處粘貼上從米俠瀏覽器裡獲取的JS腳本代碼,然後點右上角保存。如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

完成上面步驟後,返回工程編輯界面,點運行按鈕,測試運行一下。檢測一下JS腳本是否設置成功。主要方法便是:進入視頻網站,然後選擇一個VIP視頻進行觀看,看當前界面是否出現VIP視頻解析浮標,並點擊使用。如果可以正常免費觀看的話,就說明之前的設置是成功的,否則則是出現了錯誤。可以檢查一下代碼,重新設置。

做完了以上的操作,一個簡單的VIP視頻免費觀看APP就成功了。接下來,我們只要在工程編輯界面,點右上角三個豎著的點,進行打包安裝就可以生成一個APP,並直接安裝在自己手機上。如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

當然,為了讓我們自己製作的APP更加好看或者有自己的特色,我們可以修改一下軟件啟動圖,如下圖所示:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

開啟啟用啟動圖給軟件啟動時加上一個背景圖片,效果如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

還可以在程序啟動一項中,添加彈出信息,或者對話框,如下圖所示:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

運行後的效果如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

當然,也可以設置成其他樣式,如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

這隻需要將程序啟動事件中代碼稍作修改就可以了,如下圖:

自制免費看奇藝VIP視頻的APP,Fusion APP具體實戰教程(一)

當然,更多的功能大家自己可以去發掘。文章的最後,還是老話重提:喜歡的請點贊評論轉發一下,謝謝!


分享到:


相關文章: