Edge瀏覽器播放視頻有白邊或黑邊是怎么回事？

腦看視頻在使用全屏的時候，屏幕右側(cè)會出現(xiàn)一條白線。如下圖：

經(jīng)過多次實驗判斷，出現(xiàn)此現(xiàn)象的原因是：

使用Win10系統(tǒng)下，顯示縮放比為系統(tǒng)推薦的125%，并且使用的是Edge瀏覽器，當開啟全屏模式后，就會在屏幕右側(cè)邊緣位置出現(xiàn)白線。

此問題屬于Edge瀏覽器自身兼容性的問題，與電腦的屏幕質(zhì)量沒有任何關(guān)系。

操作步驟:

解決方法有兩個：

1、在顯示設置中，將“更改文本、應用和其他項目大小”調(diào)節(jié)為100%，注銷系統(tǒng)并重新登錄之后，再使用Edge瀏覽器全屏模式播放視頻。

2、此現(xiàn)象目前發(fā)現(xiàn)只存在Edge瀏覽器上，建議您使用其它瀏覽器，或者系統(tǒng)自帶的IE瀏覽器。

您需要準確區(qū)分Edge瀏覽器和IE瀏覽器，這是兩個不同的瀏覽器，圖標如下：

也可以查看瀏覽器右上方是否有3個小黑點，如圖：

如果是的話，點擊此處會出現(xiàn)下拉提示，選擇“使用Internet Explorer打開”；

也可通過開始菜單內(nèi)的Windows附件找到并打開IE瀏覽器。

內(nèi)容來自http://iknow.lenovo.com/detail/dc_174450.html

來看下常用的標簽列表，后文會一一介紹：

<!DOCTYPE html>

<head>

</head>

基本標簽

使用 HTML5 doctype，不區(qū)分大小寫。

<!DOCTYPE html>

聲明文檔使用的字符編碼

更加標準的 lang 屬性寫法 http://zhi.hu/XyIa

簡體中文
<html lang="zh-cmn-Hans">
繁體中文
<html lang="zh-cmn-Hant">

很少情況才需要加地區(qū)代碼，通常是為了強調(diào)不同地區(qū)漢語使用差異，例如：

菠蘿和鳳梨其實是同一種水果。只是大陸和臺灣稱謂不同，且新加坡、馬來西亞一帶的稱謂也是不同的，稱之為黃梨。

優(yōu)先使用 IE 最新版本和 Chrome

SEO 優(yōu)化

頁面描述

每個網(wǎng)頁都應有一個不超過 150 個字符且能準確反映網(wǎng)頁內(nèi)容的描述標簽。文檔

頁面關(guān)鍵詞

定義頁面標題

定義網(wǎng)頁作者

定義網(wǎng)頁搜索引擎索引方式，robotterms是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。文檔

可選標簽

為移動設備添加 viewport

content 參數(shù)：

width viewport 寬度(數(shù)值/device-width)
height viewport 高度(數(shù)值/device-height)
initial-scale 初始縮放比例
maximum-scale 最大縮放比例
minimum-scale 最小縮放比例
user-scalable 是否允許用戶縮放(yes/no)
minimal-ui iOS 7.1 beta 2 中新增屬性（注意：iOS8 中已經(jīng)刪除），可以在頁面加載時最小化上下狀態(tài)欄。這是一個布爾值，可以直接這樣寫：<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">

iOS 設備

添加到主屏后的標題（iOS 6 新增）

是否啟用 WebApp 全屏模式

設置狀態(tài)欄的背景顏色

content 參數(shù)：

default 默認值。
black 狀態(tài)欄背景是黑色。
black-translucent 狀態(tài)欄背景是黑色半透明。

如果設置為 default 或 black ,網(wǎng)頁內(nèi)容從狀態(tài)欄底部開始。

如果設置為 black-translucent ,網(wǎng)頁內(nèi)容充滿整個屏幕，頂部會被狀態(tài)欄遮擋。

禁止數(shù)字識自動別為電話號碼

iOS 圖標

rel 參數(shù)：

apple-touch-icon 圖片自動處理成圓角和高光等效果。

apple-touch-icon-precomposed 禁止系統(tǒng)自動添加效果，直接顯示設計原圖。

iPhone 和 iTouch，默認 57x57 像素，必須有

iPad，72x72 像素，可以沒有，但推薦有

Retina iPhone 和 Retina iTouch，114x114 像素，可以沒有，但推薦有

Retina iPad，144x144 像素，可以沒有，但推薦有

iOS 啟動畫面

官方文檔：https://developer.apple.com/library/ios/qa/qa1686/_index.html

參考文章：http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/

iPad 的啟動畫面是不包括狀態(tài)欄區(qū)域的。

iPad 豎屏 768 x 1004（標準分辨率）

iPad 豎屏 1536x2008（Retina）

iPad 橫屏 1024x748（標準分辨率）

iPad 橫屏 2048x1496（Retina）

iPhone 和 iPod touch 的啟動畫面是包含狀態(tài)欄區(qū)域的。

iPhone/iPod Touch 豎屏 320x480 (標準分辨率)

iPhone/iPod Touch 豎屏 640x960 (Retina)

iPhone 5/iPod Touch 5 豎屏 640x1136 (Retina)

添加智能 App 廣告條 Smart App Banner（iOS 6+ Safari）文檔

Android

Android Lollipop 中的 Chrome 39 增加 theme-color meta 標簽，用來控制選項卡顏色。

http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android

Windows 8

Windows 8 磁貼顏色

Windows 8 磁貼圖標

其他

添加 RSS 訂閱

添加 favicon icon

禁止 Chrome 瀏覽器中自動提示翻譯

自谷歌博客

機器之心編譯

參與：一鳴、思

裁剪視頻不用愁，谷歌 AutoFlip 實現(xiàn)自動剪輯。視頻尺寸、精彩內(nèi)容通通自動化。

因為手機平板等各種終端設備層出不窮，制作人拍個視頻還要剪裁成各種尺寸，以便分發(fā)到各種渠道。然而，如果要聚焦于核心內(nèi)容，那么能追蹤主體，并剪裁視頻長寬尺寸的能力就必不可少了。

近日，谷歌開源了 AutoFlip 工具。這是一個開源的智能視頻剪裁框架，其基于谷歌 MediaPipe 框架。

項目地址：https://github.com/google/mediapipe

在使用過程中，只需要將一段視頻和目標維度（如截取的長寬比類型）作為輸入，AutoFlip 會分析視頻內(nèi)容并提出一個優(yōu)化路徑和裁剪策略，最后輸出一段視頻。如下動圖所示，我們可以選擇各種剪裁長寬比與剪裁模式：

AutoFlip 是什么

AutoFlip 為智能視頻調(diào)整提供了一套全自動的解決方案，它借助當前頂尖的目標檢測與追蹤模型理解視頻內(nèi)容。AutoFlip 會檢測表示場景變化的構(gòu)圖變化，以便分離出場景進行進一步的處理。在每一個鏡頭中，它會使用視頻分析識別重構(gòu)場景之前的重要內(nèi)容，其重構(gòu)場景主要通過選擇針對內(nèi)容優(yōu)化的相機模式和路徑。

視頻裁剪三步走，檢測鏡頭級的視頻邊界、分析視頻內(nèi)容然后再根據(jù)需求進行剪裁。

鏡頭檢測

視頻可被視為是一段沒有中斷的鏡頭或場景序列。為了檢測是否發(fā)生了鏡頭的變化，AutoFlip 計算每一幀的色彩值，并和前一幀進行對比。如果色值的分布發(fā)生了明顯變化，則標記鏡頭的改變。在得出剪輯策略前，AutoFlip 會緩存整個視頻，用于對整個場景進行優(yōu)化。

視頻內(nèi)容分析

為了從視頻中找到有趣的剪輯片段，AutoFlip 采用了深度學習目標檢測模型。有趣的剪輯片段往往包含人和動物，但是其他元素也可以被識別出來，比如文本和廣告 logo，運動中的球和動作的捕捉等。

深度學習模型對運動的人或人臉進行了識別。

剪輯

在每一幀找到了興趣目標后，AutoFlip 自動選擇優(yōu)化策略——靜態(tài)的、追拍或追蹤的，這些取決于目標在視頻中的行為。如下圖所示，第一行是 AutoFlip 根據(jù)幀級的邊界框追蹤到的相機路徑，第二行是平滑后的相機路徑。經(jīng)過平滑處理后，追蹤效果還是比較理想的。

左圖目標在畫面中移動需要追蹤相機路徑；右圖幾乎固定在畫面相同的位置，靜態(tài)相機路徑就足夠了。

AutoFlip 有一個屬性圖，可以提供最佳效果或自定義需求的剪輯。如果覆蓋所有需要的區(qū)域不能實現(xiàn)（如目標在一幀視頻中顯得太大），AutoFlip 則會自動切換到相對不那么激進的策略上。它會應用「信箱效應：letterbox effect」，在保持原始視頻尺寸的同時添加屏幕黑邊，讓畫面更自然。

對于右圖要求視頻囊括所有人臉，AutoFlip 會自動填充半透明黑邊以滿足設定的視頻長寬比。

因為 AutoFlip 是 MediaPipe 的一部分，所以對于具體怎么使用，讀者可查閱介紹文檔

文檔地址：https://github.com/google/mediapipe/blob/master/mediapipe/docs/autoflip.md

最后，和其它機器學習算法一樣，AutoFlip 的性能會隨著目標檢測等能力的提升而大大加強，尤其是衍生出來的能力，例如采訪鏡頭中的說話人檢測或動漫中的動物臉檢測等等。

當然，目前 AutoFlip 還有挺多提升的地方，尤其是當視頻邊緣有比較重要的文本信息等。谷歌后續(xù)也希望 AutoFlip 能進一步融合自然語言處理等技術(shù)實現(xiàn)更合理的視頻智能剪裁。

原文地址：https://ai.googleblog.com/2020/02/autoflip-open-source-framework-for.html

在線咨詢

上一篇：webpack（四）-css的加載
下一篇：模板分享︱1分鐘教你發(fā)一條高互動的朋友圈

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商

Edge瀏覽器播放視頻有白邊或黑邊是怎么回事？

您的項目需求