嗶哩嗶哩UWP版是由個人開發(fā)者推出的UWP軟件，軟件的設(shè)計精美，界面簡潔，使用起來更加的方便，并且提供了桌面模式及平板模式可以選擇，可以免費觀看4K視頻，喜歡的小伙伴不要錯過了！

嗶哩嗶哩UWP版第三方云之幻版特色

應(yīng)用提供了兩種顯示模式：桌面模式及平板模式，截圖如下：

桌面模式

平板模式

桌面模式適用于1080P以上的顯示器，信息密度較高，由于同屏渲染資源較多，對配置要求也相對較高。

平板模式適用于小平板或者XBOX，在操作上比較適合觸摸，信息密度較低，所以對配置要求也更低一些。

嗶哩嗶哩UWP版第三方云之幻版開發(fā)環(huán)境

嗶哩嗶哩UWP版第三方云之幻版設(shè)計思路

BiliBili是以移動應(yīng)用為主的，在嘗試將BiliBili移植到桌面端或平板端的時候，我會用自己淺薄的知識去嘗試進(jìn)行解構(gòu)并重組，使之符合桌面的審美及操作邏輯。

嗶哩的頁面分為桌面頁面、平板頁面和共享頁面。顧名思義，這是根據(jù)不同的模式創(chuàng)建的UI頁面。在嗶哩的UI設(shè)計中，副頁（Sub）是一個非常重要的模塊，由于其獨立性，在桌面和平板模式中都可以使用，所以共享頁面的主體就是副頁，這能為我節(jié)約很多時間。

同時由于API的限制（比如根據(jù)設(shè)備返回固定的視頻條目），不是所有的模塊都能完成轉(zhuǎn)化，所以副頁就成了溝通移動應(yīng)用與桌面應(yīng)用的橋梁。用戶能在副頁中找到移動界面操作的感覺，不會有很高的遷移成本。這算是我想出來的比較優(yōu)雅的解決方案了。

在整體的應(yīng)用界面設(shè)計上，桌面模式是一種相對經(jīng)典的Master-Detail設(shè)計思路，即左側(cè)導(dǎo)航，右側(cè)顯示詳情。當(dāng)然，應(yīng)用根據(jù)實際情況進(jìn)行了一些改動，豐富了左側(cè)的導(dǎo)航界面，比如將分區(qū)集成在導(dǎo)航欄右上角，在導(dǎo)航欄中顯示用戶信息等。

平板模式的設(shè)計思路來源于XBOX新界面的游戲詳情，以及以前的WIN8卷軸式設(shè)計。在不播放視頻的時候會有很大的留白（出于實際設(shè)備機能的考慮，比如我的小surface go，無力承擔(dān)大量圖片的渲染），在滾動方向上基本都是以橫向滾動為主。為了豐富視覺表現(xiàn)，在選擇視頻后，應(yīng)用的背景會變成虛化的視頻封面，以提供一種相對比較騷氣的界面。

雖然在整體界面設(shè)計上我行我素，但對于細(xì)分控件則盡量向官方應(yīng)用看齊。比如圖標(biāo)、動態(tài)卡片、評論等，這些控件的排版和移動界面上相差不大。這同樣是為了保留一種B站的味道。

我的想法是，盡管是第三方應(yīng)用，但總要讓人能找到熟悉的感覺。紅燒牛肉面如果換了紫色的包裝，就算配料不變，那也“不是那個味兒”了；反之，只要保留了那熟悉的包裝，即便logo不是康師傅，也會讓人感覺“有那味兒了”。

安裝方法

鼠標(biāo)右鍵 install.ps1 使用PowerShell運行（安裝過程需要打開開發(fā)者模式）

如果出現(xiàn)需要手動安裝證書的情況，請雙擊包內(nèi)的證書，將其導(dǎo)入到本地計算機->受信任的根證書目錄中，然后再走一遍應(yīng)用安裝流程即可。

常見問題

播放器

#播放器的控制器顯示時間太長了

同類問題: 控制器能不能點擊開啟/關(guān)閉？

播放器的控制器，學(xué)名叫媒體傳輸控件。默認(rèn)是無操作3-4秒關(guān)閉，移動鼠標(biāo)喚起。應(yīng)用提供了手動控制的選項：設(shè)置->播放器設(shè)置->手動控制媒體傳輸控件。如果你覺得默認(rèn)的顯示/隱藏的時間太長，可以手動通過點按的方式顯示/隱藏媒體傳輸控件。

#應(yīng)用的字好小啊

在高分屏上，應(yīng)用的默認(rèn)字體可能會顯得有些小。你可以在設(shè)置->基礎(chǔ)設(shè)置->基準(zhǔn)字體大小中調(diào)高字體大小，并重啟應(yīng)用。

#怎么看視頻評論？

同類問題：視頻評論按鈕在哪？

在播放界面右邊，有一個藍(lán)色的按鈕與眾不同，它就是評論按鈕。

#看視頻的同時不能看評論

同類問題：評論能不能放在視頻下方

視頻播放在主頁，評論在副頁。這種設(shè)計明確了兩者的優(yōu)先級，即播放視頻和觀看彈幕優(yōu)先，評論屬于次要。

然而主副頁的設(shè)計本身是允許并排展示的。為了保證在低分屏或較窄寬度下的應(yīng)用體驗，在應(yīng)用寬度達(dá)到某個閾值(默認(rèn)是1500px)時，低于此值則副頁覆蓋主頁，高于此值則主副頁并排展示。

你可以在設(shè)置->基礎(chǔ)設(shè)置->主副頁顯示模式調(diào)整斷點中調(diào)整該值到你覺得合適的數(shù)值，在播放視頻的同時可以在側(cè)邊瀏覽評論。

#應(yīng)用內(nèi)是否可以開啟畫中畫，在保持視頻播放的同時繼續(xù)瀏覽其它內(nèi)容

坦白來說，我認(rèn)為這是一個偽需求，也是一個不太好的習(xí)慣。

誠然，這是很多網(wǎng)頁版的處理方式。但人的眼睛畢竟不是變色龍的眼睛，同一時間人眼只能注意一個地方，要么看視頻，要么看其他信息。

放個畫中畫在右下角，只能聽個響，同時還會分散注意力，充其量只是為快速返回播放界面提供一個入口。我不愿也不會添加這種功能。

如果你就是想聽個響，在媒體傳輸控件左側(cè)有一個雙框疊加的按鈕，該按鈕用于將播放器獨立成一個窗口播放，可以滿足你的需求。

#彈幕控制器和媒體傳輸控件動畫不一致

彈幕控制器作為一個單獨的控件，暫未與媒體傳輸控件集成。由于彈幕控制器在默認(rèn)模式下會在播放器下方常顯，目前暫不做其他處理。

#顯示模式

#怎么切換應(yīng)用的顯示模式

同類問題：怎么換回桌面/平板模式

設(shè)置->基礎(chǔ)設(shè)置->顯示模式

#平板模式視頻列表只有下面一排，信息密度太低

平板模式并不是信息密度低的理由，但信息密度卻會實實在在地影響性能。

平板模式是我為自己的Surface Go設(shè)計的，Go的性能自然是孱弱的，為了能夠穩(wěn)定流暢的運行，降低信息密度是必須要做的事情。

平板模式就是為平板及低配用戶做的，所以不要奢求什么流暢的動畫，高密度的信息流。性能不足，總是要有所取舍。

#網(wǎng)絡(luò)

#明明網(wǎng)絡(luò)正常，應(yīng)用卻顯示無法聯(lián)網(wǎng)

首先第一步，對照錯誤頁給出的信息逐條排查，這里的內(nèi)容涵蓋了絕大多數(shù)的情況。尤其是B站的屏蔽和預(yù)覽版系統(tǒng)的限制。

如果以上皆不滿足，可以檢查是否開啟了代理。有時候開全局代理也會掛。

如果設(shè)備一切正常，那可能是被B站屏蔽了請求，隨著應(yīng)用的使用者越來越多，這種情況可能會愈加頻繁。請關(guān)注我的B站動態(tài)，出現(xiàn)相關(guān)問題，我會進(jìn)行通知，并在24小時內(nèi)進(jìn)行處理。

#其它

#應(yīng)用怎么沒有下載/直播功能

下載可能涉及盜取用戶視頻，非法轉(zhuǎn)發(fā)及二次傳播用戶視頻，開發(fā)者本人基本沒用過，故而不做。

直播涉及直接的現(xiàn)金交易，做不全為人詬病，做全了遭人謗譏，開發(fā)者本人基本不看直播，故而不做。

更新日志

修復(fù)XBOX上閃退的bug