嗶哩嗶哩UWP版是由個(gè)人開(kāi)發(fā)者推出的UWP軟件,軟件的設(shè)計(jì)精美,界面簡(jiǎn)潔,使用起來(lái)更加的方便,并且提供了桌面模式及平板模式可以選擇,可以免費(fèi)觀(guān)看4K視頻,喜歡的小伙伴不要錯(cuò)過(guò)了!
嗶哩嗶哩UWP版第三方云之幻版特色
應(yīng)用提供了兩種顯示模式:桌面模式及平板模式,截圖如下:
桌面模式
平板模式
桌面模式適用于1080P以上的顯示器,信息密度較高,由于同屏渲染資源較多,對(duì)配置要求也相對(duì)較高。
平板模式適用于小平板或者XBOX,在操作上比較適合觸摸,信息密度較低,所以對(duì)配置要求也更低一些。
嗶哩嗶哩UWP版第三方云之幻版開(kāi)發(fā)環(huán)境
開(kāi)發(fā)工具 | Visual Studio 2019 |
最低版本 | Windows10 1809 |
目標(biāo)版本 | Windows10 2004 |
嗶哩嗶哩UWP版第三方云之幻版設(shè)計(jì)思路
BiliBili是以移動(dòng)應(yīng)用為主的,在嘗試將BiliBili移植到桌面端或平板端的時(shí)候,我會(huì)用自己淺薄的知識(shí)去嘗試進(jìn)行解構(gòu)并重組,使之符合桌面的審美及操作邏輯。
嗶哩的頁(yè)面分為桌面頁(yè)面、平板頁(yè)面和共享頁(yè)面。顧名思義,這是根據(jù)不同的模式創(chuàng)建的UI頁(yè)面。在嗶哩的UI設(shè)計(jì)中,副頁(yè)(Sub)是一個(gè)非常重要的模塊,由于其獨(dú)立性,在桌面和平板模式中都可以使用,所以共享頁(yè)面的主體就是副頁(yè),這能為我節(jié)約很多時(shí)間。
同時(shí)由于A(yíng)PI的限制(比如根據(jù)設(shè)備返回固定的視頻條目),不是所有的模塊都能完成轉(zhuǎn)化,所以副頁(yè)就成了溝通移動(dòng)應(yīng)用與桌面應(yīng)用的橋梁。用戶(hù)能在副頁(yè)中找到移動(dòng)界面操作的感覺(jué),不會(huì)有很高的遷移成本。這算是我想出來(lái)的比較優(yōu)雅的解決方案了。
在整體的應(yīng)用界面設(shè)計(jì)上,桌面模式是一種相對(duì)經(jīng)典的Master-Detail設(shè)計(jì)思路,即左側(cè)導(dǎo)航,右側(cè)顯示詳情。當(dāng)然,應(yīng)用根據(jù)實(shí)際情況進(jìn)行了一些改動(dòng),豐富了左側(cè)的導(dǎo)航界面,比如將分區(qū)集成在導(dǎo)航欄右上角,在導(dǎo)航欄中顯示用戶(hù)信息等。
平板模式的設(shè)計(jì)思路來(lái)源于XBOX新界面的游戲詳情,以及以前的WIN8卷軸式設(shè)計(jì)。在不播放視頻的時(shí)候會(huì)有很大的留白(出于實(shí)際設(shè)備機(jī)能的考慮,比如我的小surface go,無(wú)力承擔(dān)大量圖片的渲染),在滾動(dòng)方向上基本都是以橫向滾動(dòng)為主。為了豐富視覺(jué)表現(xiàn),在選擇視頻后,應(yīng)用的背景會(huì)變成虛化的視頻封面,以提供一種相對(duì)比較騷氣的界面。
雖然在整體界面設(shè)計(jì)上我行我素,但對(duì)于細(xì)分控件則盡量向官方應(yīng)用看齊。比如圖標(biāo)、動(dòng)態(tài)卡片、評(píng)論等,這些控件的排版和移動(dòng)界面上相差不大。這同樣是為了保留一種B站的味道。
我的想法是,盡管是第三方應(yīng)用,但總要讓人能找到熟悉的感覺(jué)。紅燒牛肉面如果換了紫色的包裝,就算配料不變,那也“不是那個(gè)味兒”了;反之,只要保留了那熟悉的包裝,即便logo不是康師傅,也會(huì)讓人感覺(jué)“有那味兒了”。
安裝方法
鼠標(biāo)右鍵 install.ps1 使用PowerShell運(yùn)行(安裝過(guò)程需要打開(kāi)開(kāi)發(fā)者模式)
如果出現(xiàn)需要手動(dòng)安裝證書(shū)的情況,請(qǐng)雙擊包內(nèi)的證書(shū),將其導(dǎo)入到本地計(jì)算機(jī)->受信任的根證書(shū)目錄中,然后再走一遍應(yīng)用安裝流程即可。
常見(jiàn)問(wèn)題
播放器
#播放器的控制器顯示時(shí)間太長(zhǎng)了
同類(lèi)問(wèn)題: 控制器能不能點(diǎn)擊開(kāi)啟/關(guān)閉?
播放器的控制器,學(xué)名叫媒體傳輸控件。默認(rèn)是無(wú)操作3-4秒關(guān)閉,移動(dòng)鼠標(biāo)喚起。應(yīng)用提供了手動(dòng)控制的選項(xiàng):設(shè)置->播放器設(shè)置->手動(dòng)控制媒體傳輸控件。如果你覺(jué)得默認(rèn)的顯示/隱藏的時(shí)間太長(zhǎng),可以手動(dòng)通過(guò)點(diǎn)按的方式顯示/隱藏媒體傳輸控件。
#應(yīng)用的字好小啊
在高分屏上,應(yīng)用的默認(rèn)字體可能會(huì)顯得有些小。你可以在設(shè)置->基礎(chǔ)設(shè)置->基準(zhǔn)字體大小中調(diào)高字體大小,并重啟應(yīng)用。
#怎么看視頻評(píng)論?
同類(lèi)問(wèn)題:視頻評(píng)論按鈕在哪?
在播放界面右邊,有一個(gè)藍(lán)色的按鈕與眾不同,它就是評(píng)論按鈕。
#看視頻的同時(shí)不能看評(píng)論
同類(lèi)問(wèn)題:評(píng)論能不能放在視頻下方
視頻播放在主頁(yè),評(píng)論在副頁(yè)。這種設(shè)計(jì)明確了兩者的優(yōu)先級(jí),即播放視頻和觀(guān)看彈幕優(yōu)先,評(píng)論屬于次要。
然而主副頁(yè)的設(shè)計(jì)本身是允許并排展示的。為了保證在低分屏或較窄寬度下的應(yīng)用體驗(yàn),在應(yīng)用寬度達(dá)到某個(gè)閾值(默認(rèn)是1500px)時(shí),低于此值則副頁(yè)覆蓋主頁(yè),高于此值則主副頁(yè)并排展示。
你可以在設(shè)置->基礎(chǔ)設(shè)置->主副頁(yè)顯示模式調(diào)整斷點(diǎn)中調(diào)整該值到你覺(jué)得合適的數(shù)值,在播放視頻的同時(shí)可以在側(cè)邊瀏覽評(píng)論。
#應(yīng)用內(nèi)是否可以開(kāi)啟畫(huà)中畫(huà),在保持視頻播放的同時(shí)繼續(xù)瀏覽其它內(nèi)容
坦白來(lái)說(shuō),我認(rèn)為這是一個(gè)偽需求,也是一個(gè)不太好的習(xí)慣。
誠(chéng)然,這是很多網(wǎng)頁(yè)版的處理方式。但人的眼睛畢竟不是變色龍的眼睛,同一時(shí)間人眼只能注意一個(gè)地方,要么看視頻,要么看其他信息。
放個(gè)畫(huà)中畫(huà)在右下角,只能聽(tīng)個(gè)響,同時(shí)還會(huì)分散注意力,充其量只是為快速返回播放界面提供一個(gè)入口。我不愿也不會(huì)添加這種功能。
如果你就是想聽(tīng)個(gè)響,在媒體傳輸控件左側(cè)有一個(gè)雙框疊加的按鈕,該按鈕用于將播放器獨(dú)立成一個(gè)窗口播放,可以滿(mǎn)足你的需求。
#彈幕控制器和媒體傳輸控件動(dòng)畫(huà)不一致
彈幕控制器作為一個(gè)單獨(dú)的控件,暫未與媒體傳輸控件集成。由于彈幕控制器在默認(rèn)模式下會(huì)在播放器下方常顯,目前暫不做其他處理。
#顯示模式
#怎么切換應(yīng)用的顯示模式
同類(lèi)問(wèn)題:怎么換回桌面/平板模式
設(shè)置->基礎(chǔ)設(shè)置->顯示模式
#平板模式視頻列表只有下面一排,信息密度太低
平板模式并不是信息密度低的理由,但信息密度卻會(huì)實(shí)實(shí)在在地影響性能。
平板模式是我為自己的Surface Go設(shè)計(jì)的,Go的性能自然是孱弱的,為了能夠穩(wěn)定流暢的運(yùn)行,降低信息密度是必須要做的事情。
平板模式就是為平板及低配用戶(hù)做的,所以不要奢求什么流暢的動(dòng)畫(huà),高密度的信息流。性能不足,總是要有所取舍。
#網(wǎng)絡(luò)
#明明網(wǎng)絡(luò)正常,應(yīng)用卻顯示無(wú)法聯(lián)網(wǎng)
首先第一步,對(duì)照錯(cuò)誤頁(yè)給出的信息逐條排查,這里的內(nèi)容涵蓋了絕大多數(shù)的情況。尤其是B站的屏蔽和預(yù)覽版系統(tǒng)的限制。
如果以上皆不滿(mǎn)足,可以檢查是否開(kāi)啟了代理。有時(shí)候開(kāi)全局代理也會(huì)掛。
如果設(shè)備一切正常,那可能是被B站屏蔽了請(qǐng)求,隨著應(yīng)用的使用者越來(lái)越多,這種情況可能會(huì)愈加頻繁。請(qǐng)關(guān)注我的B站動(dòng)態(tài),出現(xiàn)相關(guān)問(wèn)題,我會(huì)進(jìn)行通知,并在24小時(shí)內(nèi)進(jìn)行處理。
#其它
#應(yīng)用怎么沒(méi)有下載/直播功能
下載可能涉及盜取用戶(hù)視頻,非法轉(zhuǎn)發(fā)及二次傳播用戶(hù)視頻,開(kāi)發(fā)者本人基本沒(méi)用過(guò),故而不做。
直播涉及直接的現(xiàn)金交易,做不全為人詬病,做全了遭人謗譏,開(kāi)發(fā)者本人基本不看直播,故而不做。
更新日志
修復(fù)XBOX上閃退的bug
熱門(mén)評(píng)論
最新評(píng)論