目錄

銳視RyView簡介

1.0 創作者指南
1.1 如何快速創作短視頻？
1.2 如何利用短視頻賺錢？
1.3 如何避免音視頻作品侵權？
1.3.1 常見的免費商用許可協議
1.3.2 共享收益許可協議（Shared Income License）

2.0 開發者指南
2.1 H5文本視頻與圖像視頻的區別
2.2 H5文本視頻原理
2.2.1 H5V：無損視頻的革命
2.2.2 H5S：構成H5文本視頻的精靈
2.2.3 H5E：所有精靈的組裝元件
2.2.3.1 繪制2D元件
2.2.3.2 繪制3D元件
2.3 H5文本視頻資源復用與共享
2.3.1 資源復用的優點
2.3.2 資源共享與盈利
2.3.3 全球統一資源庫

3.0 H5文本視頻發展前景
3.1 銳視RyView的運營方案
3.1.1 單方運營
3.1.1.2 單方運營的優點
3.1.2 多方運營
3.1.2.2 多方運營的優點
3.2 銳視RyView如何盈利？

4.0 銳視RyView的發展背景

5.0 作者簡介

6.0 興趣小組
WebOS
WebTTS/WebSTT
WebSpider
3dVMap三維矢量地圖

銳視RyView簡介

銳視RyView是一款網頁在線工具，可輕松制作各種短視頻，如音頻可視化視頻、數據可視化視頻、文字說視頻、故事劇情視頻等。

1.0 創作者指南

如果你希望輕松制作短視頻并發布到各大自媒體平臺進行盈利或推廣自己的產品，又或者通過短視頻圈粉打造網紅大咖，歡迎閱讀本章內容。

1.1 如何快速創作短視頻？

銳視提供各種短視頻快速制作的途徑，創作者只需在工具頁面選擇相應的視頻分類與數據即可，所有復雜的事交給程序來完成。比如創作音頻可視化視頻只需選擇背景音與音頻精靈即可。創作數據可視化視頻只需選擇或錄入數據與選擇相應的比賽精靈即可。創作文字說視頻只需選擇或錄入文字與場景精靈即可。

1.2 如何利用短視頻賺錢？

在銳視工具頁面創作的短視頻，可以導出為H5V無損文本視頻或通過錄屏軟件錄制成二進制圖像視頻，然后發布到各大自媒體平臺進行盈利。短視頻發布到自媒體平臺能賺多少錢？因為不同的平臺給創作者的分成價格不同，所以不能一概而論。銳某在西瓜視頻平臺發布的視頻，差不多100萬的播放量只有不到25元收益！而在企鵝號發布的作品70多萬播放量就有100元收益。而根據有些網友統計的數據，發布到油管（youtobe）的作品，每100萬播放量就有2000美元的收益！銳某沒有在油管發過作品，所以不能評價數據的真假，但我通過油管的手機應用收看該平臺的視頻作品時發現，這個平臺展現廣告的頻率要比其它平臺多得多，所以它為創作者實現高額收益并不奇怪！

油管上的案例：數據可視化視頻剛剛興起的時候，某位創作者發布在油管的數據可視化視頻作品在短短幾個月里就創造將近2億次的播放量，按上面油管的價格計算，他賺了差不多260萬元人民幣。

1.3 如何避免音視頻作品侵權？

任何作品的版權（包括署名權、發布權、使用權及其它所有權益）都歸原作者所有！其他人未經原作者授權使用一律視為侵權！！！我們平時創作短視頻用到的背景音樂（哪怕只有一小節）或圖片，如果沒有獲得原作者授權，很有可能會遭到原作者的起訴罰款！如果你的作品只有少量的播放量可能不用擔心，但是發布的網絡的作品誰能保證它不會被別人瘋狂點贊轉發進而可能造成數千萬的播放量！到時候可能就要你賠到傾家蕩產了！

所以，創作短視頻所用到的資源盡量使用CC協議的作品，什么是CC協議？知識共享許可協議（Creative Commons License），又叫CC協議，是一種允許他人分發作品的公共版權許可。2002年12月16日，美國非盈利性組織知識共享（Creative Commons）首次發布了CC協議。

1.3.1 常見的免費商用許可協議

我們常見的許可協議：

Public Domain 公有領域
任何個人或團體都不具該音頻的所有權，您可以在法律允許的范圍內不受任何限制地使用和加工它們。

CC0 公眾共享協議
原作者已將音頻貢獻至公有領域，您可以復制、修改、發行和演繹該音頻，甚至可用于商業性目的，都無需考慮著作權的問題。

CC-BY 保留署名協議
您可以復制、修改、發行和演繹該音頻，甚至可用于商業性目的，但在這些過程中您必須保留原作者對該音頻的署名。

CC-BY-NC 署名-禁止商業協議
您可以復制、修改、發行和演繹該音頻，但不可用于商業性目的，同時在這些過程中您必須保留原作者對該音頻的署名。

Royalty-Free 免版稅許可協議
個人及商業使用該音頻時無需為該音頻支付版權費用，但您不具備其所有權，因此您不能二次傳播或銷售該音頻文件。

Fair use 合理使用
您可以在不影響作者利益的情況下有限地使用該音頻于個人及商業行為，而無需獲得版權所有者的許可。

一件作品的版權有效期是多久？如果這件作品屬性一家企業，那它的版權保護期為作品發布后50年內有效，如果作品屬性個人，它的版權保護期為此人生前加死后50年。個人作品版權人死后由他的繼承人繼承該作品的版權，50年后到期則會進入公共領域。

對于我們創作短視頻而言，應該盡量避免使用付費商用協議，因為我們發布到自媒體平臺的作品不一定會獲得收益，所以CC0與CCB免費可商用許可協議才是我們的最佳選擇！常用的CC協議作品資源站：淘聲網，Jamendo，FreePD，愛給網。

然而，一些優秀的作品不太可能會使用這兩種協議進行發布。為了讓創作者擁有更多免費可商用的作品可選擇，以及作品版權人的作品獲得更多使用量的同時又不影響作者的收益，銳某推出了一種全新的許可協議：共享收益許可協議（Shared Income License），簡稱SI協議。

1.3.2 共享收益許可協議（Shared Income License）

SI協議內容為：任何個人或團體都可對作品進行無限制使用（包括用于商業用途），當作品使用者通過該作品直接或間接獲得收益時就以指定的比例對作品版權人進行收益分成。

SI協議的優點在于：

使用者無需擔心作品的版權問題，想用就用，當獲得收益時再將收益的一部份分給作品版權人，如果沒有獲得收益就無需支付任何費用。如果使用傳統的方法，使用者看到一些優秀的作品，于是想找版權人申請授權使用，可是又不知道怎么聯系到版權人！即使經過千辛萬苦找到版權人還要花時間去辦理各種手續，相當麻煩！如果一個作品同一時間有很多人申請授權使用，版權人處理這些事務也是一種負擔！

音樂平臺不再花費巨額資金向音樂創作人支付版權費，平臺使用該作品直接或間接獲得收益將分一部份給音樂創作者。

作品版權人不再花時間與精力去搜查誰盜用了自己的作品，只需將作品以SI協議發布到銳視云端資源庫，任何個人或團體通過銳視資源庫調用該資源，當使用者獲得收益時版權人就會獲得收益分成。

作品保存在一個云端庫方便數據統計以及各種數據排名，比如收益排名、熱度排名、流行指數排名等。

SI協議需要解決的問題：作品使用者如何統計收益以及收益如何分成，這需要大家一起共同討論定制一個比較完美的方案。定制一個標準很容易，但是要讓所有人都遵守這個標準可能就不容易了！像W3C為了統一web前端而推出一套標準，然而微軟偏偏不向標準看齊，最終微軟的IE瀏覽器落得個遺臭萬年的下場！導致最后連微軟自己都要把自家的IE瀏覽器拋棄了！取而代之的是一個全新的瀏覽器——Edge。

作品使用者如何統計收益？

這個由平臺控制，對用戶是透明的，使用者不需要考慮通過該作品直接或間接獲得多少收益，平臺在調用SI協議作品時會自動統計產生的收益。比如騰訊視頻或西瓜視頻播放某個視頻作品，該視頻作品調用了某個SI協議的音頻作品，當該視頻作品展示廣告獲得收益時，視頻創作者獲得一定的收益分成，創作者的收益有一部份會被分給SI協議作品的版權人。SI協議作品的收益分成由平臺自動從創作者的收益中扣除并支付給版權人，如果平臺不愿給版權人支付收益分成或刻意隱瞞數據或數據造假怎么辦？規則的定制是讓人共同遵守的，如果誰不遵守規則，想想臭IE的下場，最終會被淘汰出局。

視頻創作者與SI協議版權人如何進行收益分成？

H5V文本視頻是一種革命性的無損視頻實現方案！通過命令格式將眾多的H5S（H5精靈）整合為一個動畫，而H5S又由眾多的H5E（H5元件）組成，這些H5精靈與H5元件是視頻創作者設計資源或通過調用SI協議資源。H5S與H5E推崇的是一次設計，多次受益，當開發者將自己設計的H5S與H5E導出為H5V，然后再發布到各大自媒體平臺后，別人看到H5V中的一些優秀資源并將其在自己的視頻作品中調用，獲得收益后被調用的H5S與H5E的設計者將獲得SI協議收益分成。

由于H5V文本視頻的出現，讓視頻創作變得很簡單。任何人，即使他不會設計組成H5V文本視頻的各種精靈與元件，只要他調用別人設計并以SI協議發布的資源，就能創作出豐富的視頻作品。當一個視頻作品中的眾多資源都是調用別人以SI協議發布的資源，那么多方利益如何平衡？大家都應該分多少？這需要我們一起討論定制一個較完美的解決方案。如果找不到平衡點，那就對調用SI協議資源的數量進行限制或者對SI協議資源的類型進行限制。所幸的是，通過H5V創作的視頻大多是一些簡單的視頻，如數據可視化、音頻可視化、文字說等等。

2.0 開發者指南

如果你想設計一些H5V文本視頻資源并以SI協議進行發布，最終獲得收益分成，那么你需要了解本章內容。本章內容涉及H5V、H5S、H5E等相關知識點，如果你已經具備編程方面的技能，那么閱讀起來會很輕松。沒有編程技能的網友也不用擔心，銳某開發銳視這個網頁工具就是希望大家都能輕松地創作視頻作品，所有復雜的事情都交給程序來完成，你只需做簡單的選擇就可以了！

2.1 H5文本視頻與圖像視頻的區別

H5文本視頻是由HTML5的Canvas繪制各種矢量圖形，并以命令格式將各種矢量圖形實現動畫，它具有無限放大、絕對高清、體積輕便等特點。而圖像視頻屬于二進制視頻，由眾多圖像幀組成，它不但體積龐大，也無法實現絕對高清，也不能無限放大，放大會導致畫布失真。

2.2 H5文本視頻原理

H5文本視頻由各種H5精靈組成，如場景精靈、音頻精靈、角色精靈等。H5精靈由眾多H5元件（矢量圖形）組成，繪制H5元件需要用到各種畫圖命令，如：t（文本工具）、l（直線工具）、p（路徑工具）、g（多邊形工具）。為了解決動畫中實時繪圖導致的延遲缺陷，H5文本視頻采用緩沖池實現，緩沖池通過離屏畫布實現，緩沖池的數量默認為100個，可由用戶根據自己的終端性能進行相應調整。

2.2.1 H5V：無損視頻的革命

像矢量圖形一樣，H5文本視頻也具有無限放大、絕對高清、體積輕便等特點。H5文本視頻的內容由眾多命令組成，可隨意查看與修改，也能存儲各種元數據，如視頻標題、分類、標簽等等。

2.2.2 H5S：構成H5文本視頻的精靈

像游戲世界中的精靈（Sprite）一樣，H5精靈也有自己的動作或表情，這些動作或表情由創作者指定或程序根據數據自動執行。

2.2.3 H5E：所有精靈的組裝元件

H5元件（Element）是組成H5精靈的最小單位，它由各種畫圖命令繪制。

2.2.3.1 繪制2D元件

繪制H5元件需要用到各種畫圖命令，如：t（文本工具）、l（直線工具）、p（路徑工具）、g（多邊形工具）。各種工具通過相應的屬性控制圖形的顯示效果。

文本工具屬性：id（ID），nm（名稱name），t（工具tool），x（X坐標），y（Y坐標），w（寬度width），h（高度height），r（旋轉rotation），tc（文本內容textContent），ts（文本大小textSize），tn（文本名稱textName），ta（水平對齊textAlign（l(left), c(center), r(right)）），tb（垂直對齊textBaseline（t(top), m(middle), b(bottom)））

文本示例：t:t; x:0; y:0; w:100; h:30; tc:文本內容(Text Content)

直線工具屬性：id（ID），nm（名稱name），t（工具tool），x（X坐標），y（Y坐標），w（寬度width），h（高度height），r（旋轉rotation），f（填充fill），s（描邊stroke），c（封閉路徑closePath），fs（填充樣式fillStyle），ls（邊線樣式lineStyle），lw（邊線寬度lineWidth），lc（邊線頭尾lineCap（b(butt), r(round), s(square)）），lj（邊線接點lineJoin（m(miter), r(round), b(bevel)）），pl（頂點列表pointList）

直線示例：t:l; x:0; y:0; w:100; h:30; s:1; pl:0,0, 100,0, 100,30
直線工具的每個點由1對數據組成，分別代表X坐標與Y坐標。

路徑工具屬性：id（ID），nm（名稱name），t（工具tool），x（X坐標），y（Y坐標），w（寬度width），h（高度height），r（旋轉rotation），f（填充fill），s（描邊stroke），c（封閉路徑closePath），p（顯示路徑path），fs（填充樣式fillStyle），ls（邊線樣式lineStyle），lw（邊線寬度lineWidth），lc（邊線頭尾lineCap（b(butt), r(round), s(square)）），lj（邊線接點lineJoin（m(miter), r(round), b(bevel)）），pl（頂點列表pointList）

路徑示例：t:p; x:0; y:0; w:100; h:30; s:0; p:1; pl:0,0, 0,0,100,30,100,30, 100,30,50,30,50,30
路徑工具的第一個點由一對數據組成，代表起始頂點的X坐標與Y坐標，以后每個點由3對數據組成，分別代表控點1的X坐標與Y坐標、表控點2的X坐標與Y坐標以及頂點的X坐標與Y坐標。

多邊形工具屬性：id（ID），nm（名稱name），t（工具tool），x（X坐標），y（Y坐標），w（寬度width），h（高度height），a（邊角數量angleCount），r（旋轉rotation），f（填充fill），s（描邊stroke），c（封閉路徑closePath），fs（填充樣式fillStyle），ls（邊線樣式lineStyle），lw（邊線寬度lineWidth），lc（邊線頭尾lineCap（b(butt), r(round), s(square)）），lj（邊線接點lineJoin（m(miter), r(round), b(bevel)））

多邊形示例：t:g; x:0; y:0; w:100; h:50; a:3; f:1; fs:#f22
多邊形工具的a屬性指定多邊形的邊角數量，0=圓形，1=一邊形（水滴），2=二邊形（樹葉、眼睛），3=三邊形，4=四邊形，以此類推，最大為12邊角。

填充樣式（fs）與邊線樣式（ls）可以使用多種顏色模式，如hex、rgb、hsb、hsl等。顏色取值可以使用默認顏色（=）或相對顏色（.）以及隨機顏色（-）與范圍顏色（m-n）。如需了解顏色取值原理的網友請自行閱讀程序源碼中的rc函數，直接搜索“rc: (”即可定位函數位置。

銳視的默認顏色為#888，相對顏色為#789。設計這兩種顏色主要是方便網頁前端變換顏色主題。網頁的顏色主題應該讓用戶（頁面訪問者）設定，而不是由網頁設計師設定，用戶訪問頁面的時候可以隨意指定某種顏色主題，然后將自己的設置保存到服務器端，下次再訪問的時候會使用保存的顏色主題展示頁面。所以，如何設計出豐富多彩的色彩效果，需要設計師對各種色彩模式有專業的理解。銳某建議盡量使用hsb色彩模式來設定色彩值。

hsb的hue是指彩度，saturation指濃度，brightness是指亮度。hsb也有另一種稱呼，叫hsv。

彩度從0到360度，每隔120度是三原色中的其中一種色彩，如0度是r（紅色red），120度是g（綠色green），240度是b（藍色blue）。而每隔60度則是三原色之間的過渡色，如60度是黃色，180度是青色，300度是紫色。360度則回到零點，代表紅色。

濃度取值從0到100，該色值設定某一彩度的飽和度，取值越高顏色越鮮艷，反之則越淺淡，取值為0等于無色彩。

亮度取值從0到100，該色值設定某一彩度的明亮度，取值越高顏色越亮，反之則越暗，取值為0等于黑色。

用過photoshop軟件的網友應該對hsb色彩模式比較了解。銳視繪圖工具界面的拾色器就是采用hsb色彩模式，此外還提供了可見度（不透明度）的設定。當我們設計頁面圖標或視頻時如何設計出豐富多彩的色澤？其實只需對相對顏色做稍微運算即可，如h、s、b各分量適當相加或相減某個值即可。這樣當用戶訪問頁面時只需修改相對顏色就可以改變所有使用相對顏色設計的圖形元件。如給某個圖標根據相對顏色指定一個新的色彩：fs:hsba(+25:+10:-20:.85);該色值的意思是，將相對顏色的彩度加25度，濃度加10度，亮度減20度，可見度設定為85%。當運算值到達最高上限時取值為360或100，當到達最低下限時取值為0。

如果你不喜歡hsb色彩模式，當然也可以使用其它色彩模式，下面演示通過各種色彩模式給圖形上色。

hex
fs:#f00; // 設為紅色
fs:#f00:.85; // 設為紅色并指定可見度為85%
fs:#+1f-a0+2a; // 設為紅色為相對顏色的r分量加1f，綠色為相對顏色的g分量減a0，藍色為相對顏色的b分量加2a
fs:#1a-ab; // r、g、b各分量取值為1a-ab之間取一個隨機值

rgb
fs:rgb(255:+125:+50); // 紅色分量設為255，綠色為相對顏色的綠色值加125，藍色為相對顏色的藍色值加50
fs:rgba(255:255:+30:-20); // 紅色分量設為255，綠色分量設為255，藍色為相對顏色的藍色值加30，可見度為相對顏色的可見度減20度

hsb
fs:hsb(+25:+15:-20); // 彩度為相對顏色的彩度加25，濃度為相對顏色的濃度加15，亮度為相對顏色的亮度減20
fs:hsba(-25:+30:-10:+25); // 彩度為相對顏色的彩度減25，濃度為相對顏色的濃度加30，亮度為相對顏色的亮度減10，可見度為相對顏色的可見度加25度

hsl
fs:hsl(+25:+15:-20); // 彩度為相對顏色的彩度加25，濃度為相對顏色的濃度加15，亮度為相對顏色的亮度減20
fs:hsla(-25:+30:-10:+25); // 彩度為相對顏色的彩度減25，濃度為相對顏色的濃度加30，亮度為相對顏色的亮度減10，可見度為相對顏色的可見度加25度

hsl與hsb的區別是，hsl的亮度值到50度為白色，再往上就是很亮白，銳某不是很理解這種取值方式，感覺晦澀難懂，還是hsb更為直觀！

線性填充
fs:lf 0, 0,rgba(160:45:45:1), .25,rgba(160:120:45:1), 1,rgba(255:255:0:1); // 色值的第一個空格前的lf代表線性填充，后面的是參數列表，參數1代表漸變角度（逆時針為正向），取值0-360；參數1后面每兩個參數為一組，分別代表漸變色位置與漸變色取值。

徑向填充
fs:rf 50,50,0, 50,50,100, 0,rgba(106:39:150:1), 1,rgba(255:255:0:1); // 色值的第一個空格前的rf代表徑向填充，后面的是參數列表，參數1-3分別代表漸變圓1的X坐標與Y坐標以及半徑，參數4-6分別代表漸變圓2的X坐標與Y坐標以及半徑；參數6后面每兩個參數為一組，分別代表漸變色位置與漸變色取值。

圖案填充
fs:pf $pcb, r; // 色值的第一個空格前的pf代表圖案填充，后面的是參數列表，參數1代表圖案名稱；參數2代表重復排列類型：r:(重復排列repeat), x:(限定水平重復排列repeat-x), y:(限定垂直重復排列repeat-y), n:(不重復排列no-repeat)。

PS：為了節約資源ID，關于元件、精靈等資源的ID第一個字符取值有一定的限制，所有系統內自帶資源ID的第一個字符為“$”，網絡資源ID的第一個字符為“@”，程序運行時產生的資源ID的第一個字符為“#”。用戶以SI協議發布到網絡供別人共享的資源ID由系統自動分配ID。系統資源ID最大長度為5個字符，網絡ID由6個字符開始使用，用完6個字符長度再起用7個字符的ID，以此類推。

小知識：關于透明度與不透明度。圖形設計與CSS設計中大家口中所說的透明度與不透明度，雖然大家說的都是同一個意思，但是，對于新入門的網友可能容易產生困擾！比如將一個圖形的透明度設為100%，此時該圖形是可見的，當設為0%時為不可見，這就讓人產生誤解了！因為按我們生活中的常識來理解，說一個物體透明了就是這個物體看不見了，比如透明人就是指某人透明了使我們看不到他，比如一塊玻璃的透明度越高則它就越看不見。但是你用這樣的思維去理解圖形設計中的透明度就產生困擾了！為什么100%是看得見！0%反而看不見！這不是顛倒黑白嗎？所以你覺得叫透明度合適嗎？一般專業的設計師都會叫不透明度，可能有些人想偷一下懶，那個不字不要了，所以就直接叫透明度了。為了不引起誤解，銳某覺得叫可見度更合適。

關于畫圖命令的屬性名與屬性值之間的分隔符，請嚴格按照程序內定制的分隔符，否則可能會導致矢量圖形的數據解析錯誤。一組H5矢量圖形的文本數據如下所示：

E2d id:$Ihide1; nm:隱藏; t:g; x:3; y:5.5; w:18; h:12; f:0; s:1; ls:hsba(.:.:-25:.); lw:2; lc:r; a:2.. t:g; a:0; x:9; y:8.5; w:6; h:6; f:1; fs:hsba(.:.:-25:.); s:0

該文本數據是畫圖工具圖層面板的隱藏圖標，該圖標由一個二邊形加一個小圓形（眼珠）組成。多個畫圖工具之間由兩個點號（..）分隔，而各名值對由冒號與分號組成，注意顏色值的各分量值應該用冒號分隔，不能用逗號，因為逗號已經用來分隔各參數了。

?

當你對畫圖工具的各屬性很熟悉之后可以像寫CSS樣式代碼一樣寫各種圖標，當然你也可以通過銳視網頁的畫圖工作區用鼠標繪制，然后導出為H5元件或圖片。如何將H5元件顯示在網頁上？原理很簡單，將H5矢量文本數據繪制到離屏canvas，然后再轉為data數據賦給圖片的src屬性即可。

如何通過CSS樣式代碼調用H5矢量圖標？在背景屬性里設置矢量圖標的ID，如：background:url(:E2d:$Ihide1); :E2d: 只是用作分隔數據，當網頁加載完成后程序會獲取CSS樣式的代碼內容，然后將矢量圖標ID用與之對應的文本數據寫到canvas再轉成圖片，然后用圖片的data數據替換即可。具體實現邏輯請查閱ryview.js源碼中的ico函數（源碼里搜索ico: (）。

2.2.3.2 繪制3D元件

繪制3D元件使用webgl實現，目前此項功能正在開發中...

2.3 H5文本視頻資源復用與共享

H5S與H5E推崇的是一次設計，多次受益。設計師設計一個資源用到自己的作品里，獲得收益的同時也可以將該資源以SI協議共享給別人使用，當別人通過調用該資源的作品獲得收益時，設計師也獲得他的收益分成。

2.3.1 資源復用的優點

資源復用的優點就是讓人人都可做伸手堂，即使不會開發資源的用戶也可以創作出優秀的作品。資源開發者設計出的元件，除了用到自己的作品外，也可以共享出來方便別人使用。當越多開發者加入這個隊伍，資源庫的資源就越來越龐大，以后需要開發的資源會慢慢減少，因為資源庫中的資源已經夠我們反復使用了。

2.3.2 資源共享與盈利

資源開發者不但可以通過自己的資源獲得收益，共享給別人使用也能獲得他的收益分成?；赟I協議的便利，以后將會有更多類型的資源會選擇以共享收益協議發布，使用者再也不用擔心版權問題，也不用擔心版權費用問題。通過調用SI協議資源，有收益就支付一部份給版權人，沒收益就不用支付任何費用。垂手可得的資源可以盡情使用，豐富的資源也為創作者提供了極大的便利。

2.3.3 全球統一資源庫

為了方便數據統計以及各種數據排名，比如收益排名、熱度排名、流行指數排名等。我們計劃打造一個全球統一資源庫，在各個地區布置資源鏡像站，任何個人或企業都可從資源庫調用資源，然后上報收益數據方便資源庫對各種數據進行統計。

3.0 H5文本視頻發展前景

H5文本視頻依靠其眾多優點（無限放大、絕對高清、體積輕便等），在未來勢必會對傳統的圖像視頻造成強烈的沖擊！同時，組成H5文本視頻的H5精靈與H5元件也會在其它領域得到廣泛應用，如矢量三維地圖與矢量三維游戲，而當矢量三維地圖與矢量三維游戲結合更有可能創造出一種新的社交模式——虛擬社交。我們現在所使用的社交應用都是二維的，而H5可以通過webgl打造矢量的三維圖形，如果將現實世界的地圖結合起來打造一款沙盒游戲，在游戲中模擬一個虛擬的現實世界，玩家可以在虛擬世界中買地，蓋樓，做生意，搞批發銷售，建工廠造各種生活用品等等，再結合養成模式讓玩家在游戲里成長，日常社交等。如果再將現實世界的商家廣告融入虛擬世界中，那就可實現在游戲中賺取現實世界的現金，讓玩家可以真正“活”在虛擬世界里。虛擬社交在未來可能會顛覆目前的社交模式。

H5文本視頻與SI資源是夢幻組合，基于各種文本命令實現的H5V，可以在視頻里通過資源ID調用各種SI資源。由于SI協議的便利，以后將會有更多類型的資源通過SI協議發布，比如流行音樂、游戲資源（游戲場景、游戲道具、角色造型等），三維物體，圖形圖標等。

為了更好地推廣H5文本視頻，銳視RyView將會以非盈利性機構運營，實現H5V的腳本程序ryview.js將會以MIT開源協議進行發布，目前已經部署到github與gitee平臺。既然選擇以MIT開源協議發布，那意味著任何企業或個人都可對ryview.js進行無限制使用、修改、傳播與商用，如果大家都對源程序進行新功能修改、升級，然后把新技術占為已用，那顯然違背了原作者將程序開源的初衷。如果大家對源程序進行新功能升級，我希望你能提交一份新功能的源碼到銳視博客的升級目錄，然后由大家討論要不要將你的新功能整合到銳視RyView的新版本中，希望人人都能對社區做貢獻，方便他人的同時也促進了銳視的快速發展。

銳視RyView的官方博客目前設有4個目錄，分別為活動、幫助、升級、討論?；顒訁^主要發布各種活動內容，例如視頻創作比賽或聚會活動等。幫助區主要提供銳視程序的各部份功能幫助文檔。升級是廣大志愿者或愛好者提供的新功能源碼，這些新功能根據大家討論是否添加到銳視的后續新版本中，如果你想嘗鮮可以自行將喜歡的新功能添加到自己的源碼中。討論區是意見征集區，銳視目前只有銳某自己一個人在開發，很多方案的決策與實現可能不合適或不合理，另外，銳某只是一個初中沒畢業的農民，對很多高大尚的知識不是很理解，例如三維設計中的各種變換（歐拉角、四元數）的實現原理，還有貝塞爾曲線的實現原理。銳視程序設計的過程中遇到的各種問題我都會發布到討論區，希望通過大家的討論能使銳視越來越完善。

3.1 銳視RyView的運營方案

銳視RyView將會以非盈利性機構運營，目前銳某考慮從以下兩種運營模式選擇一種：單方運營或多方運營。

3.1.1 單方運營

所謂單方運營就是傳統的企業運作模式，由企業成立自己工作團隊獨立運營，對程序進行設計開發、維護、更新與推廣。其他第三方企業或個人通過下載ryview.js部署到自己的網站實現銳視程序的所有功能（H5文本視頻設計、發布、播放以及各種H5元件的開發、發布與瀏覽等）。我們將第三方企業或個人稱為運營者，元件設計或視頻設計者稱為創作者。運營者可以搭建自己的平臺或開發自己的SI播放器（所有SI資源的瀏覽、搜索與播放），然后進行各種商業活動，比如尋找廣告客戶在自己的平臺投放廣告實現盈收，又或者為用戶提供定制服務或增值服務等。以這種模式運作可以為運營者降低運營成本，對中小企業與個人非常友好！只需為用戶提供一個UI界面即可進行商業活動，沒有內容或用戶數據，所有內容從銳視的資源庫調用，用戶以易發賬號進行登錄管理自己的作品。當然這不是硬性要求，你也可以為自己的平臺開發自己的用戶數據庫以及用戶發布的內容只發到自己的服務器。但是這樣顯然違背了銳視頻將程序開源以及推出SI協議的初衷，希望大家都能將數據共享出來為廣大網友提供便利，而不是大家各自為營將數據占為己有。

在這種運營模式中，銳視扮演怎樣的角色？你可以理解為代理服務，用戶或創作者在運營者的平臺進行各種數據操作，最終會提交到銳視的服務器由銳視進行處理。銳視對用戶與創作者是透明的，銳視也不會跟運營者搶用戶資源或廣告客戶，銳視只為運營者提供各種數據操作接口。所有通過銳視資源庫調用資源的運營者會組成一個SI聯盟，用戶或創作者可以將自己的作品發布到聯盟成員之間的多個運營者平臺實現多方收益（運營者為用戶提供的廣告分成），聯盟成員之間也可以相互調用用戶的統計數據。比如用戶張三在運營者A的平臺發布作品的同時將作品發布到運營者B與運營者C的平臺，然后張三可以登錄這三個平臺中的任何一個查看另外兩個平臺中自己作品的各種數據（展示量、點擊量、播放量與收益等）。

至于SI聯盟的各家運營者如何發展自己的用戶，需要大家精心策劃如何推出獨特的服務以留住更多用戶。同樣是以開源程序（linux）運作的企業，紅帽（RedHat）就為大家提供了很好的參考。紅帽上市當天就展現了異常火爆的態勢！如今已經被IBM以340億美元收購了！希望大家也有機會成就第二個紅帽。還有 VA linux 上市當天就創下將近800%漲幅的世界記錄！

3.1.1.2 單方運營的優點

運營者以極低的成本就可以運作項目，所有內容與用戶數據由銳視統一管理，運營者無需操心銳視程序的開發、維護與推廣以及內容的維護與檢索。
用戶或創作者共享多個運營平臺的收益，而作品僅需發布一次，由銳視進行SI聯盟的眾多運營者之間進行關聯。

3.1.2 多方運營

多方運營是指由多方企業共同運營一個項目，也可以理解為奧運模式，像舉辦奧運會一樣，每隔一段時期就換一個國家運營。銳視也可以交給第三方企業運營，每隔一個月或一個季度或一年就更換一次運營者，銳視只對程序保留版權信息，運營方在運營期間所產生的收益歸運營方所有。

縱觀互聯網發展的歷程，很多優秀的技術或方案都需要多家IT巨頭共同參與推廣才能得到快速發展，像W3C的工作組成員就包括：IBM、Microsoft、America Online、Apple、Adobe、Macromedia、Sun Microsystems。而webgl的工作組成員則包括：Apple、Google、Mozilla、Opera等。當一項優秀的技術或方案出現時，如果能將眾多IT巨頭組織起來共同推廣勢必會得到快速發展。要實現這個目標，銳視必需組建一個外交小組，由外交小組與各大IT巨頭交涉，試圖說服他們讓他們輪流運營銳視，然后舉辦各種H5文本視頻創作大賽，并設立眾多獎金豐厚的獎項。參賽作品必須為傳播正能量的內容，或者體現親情、友情、愛情或公益事業優秀作品。賽事過程中運營方獲得的收入（比如商家贊助費）歸運營方所有。

3.1.2.2 多方運營的優點

借助IT巨頭的影響力與龐大的用戶群體，使H5文本視頻方案得到快速發展。
賽事制與豐厚的獎金也能激發更多用戶通過H5文本視頻進行創作。

3.2 銳視RyView如何盈利？

所謂的非盈利性機構并不是說它不盈利，而是指不以盈利為目的。非盈利性機構在運營過程中也會進行各種商業活動，它同樣要給員工發工資以及支付各種日常開銷。非盈利性機構的收入來源：社會捐贈、地方政府撥款、企業自身的營業所得。銳視的收入途徑：官方博客各目錄植入廣告或通過其它途徑與商家進行商業合作、每個視頻的開頭展示2-3秒的版權信息或贊助商的廣告。

4.0 銳視RyView的發展背景

銳視RyView是我開發用來推廣自己的情感社交網站（易發eefaa）的，因為向很多投資機構發送了商業計劃書都沒收到回復，于是打算用自己的自媒體號推廣自己的小站。最初我只是想設計一個簡單的數據可視化視頻生成工具，但是測試發現效果不是很理想，主要是生成的視頻清晰度太差，不管是導出或錄屏，視頻質量都不理想，如果要提高清晰度則視頻的體積會很臃腫。經過對比，發現直接用canvas展現視頻動畫，畫面清晰度要比圖像視頻高太多了，是完美的絕對高清，于是決定用canvas來制作與播放視頻。

后來又發現一個問題，canvas的性能不理想，當同時繪制的圖形數量達到一定程度后視頻流暢度明示降低！于是就換一種方式進行動畫播放，那就是離屏canvas緩沖池。當我將幾萬個多邊形不停地畫到緩沖池中進行實時播放測試時，效果很理想！視頻完全能以60幀每秒進行播放！當然，用作緩沖池的離屏canvas數量也不能太多，我在自己電腦測試的結果是，當數量達到500個以后每增加100個canvas就會消耗6%的內存，我電腦的內存是6G。所幸的是用作緩沖池的canvas數量不需要太多，能保存15秒的緩沖空間就夠了，所以用10個離屏canvas作為緩沖池，每個canvas存放50幀的數據，如果以30幀的速率進行播放視頻，那15秒只需要450幀，這10個緩沖池完全夠用了。

為了減小最終導出作品的文件體積，決定對canvas的各種畫圖命令進行優化。然而，通過文本命令進行圖形設計實在太吃力了，于是又大刀闊斧地開發了一個圖形界面的網頁版畫圖工具。經過一個多月埋頭苦干，不知不覺就寫了一萬多行代碼，總算弄出來一個勉強能用的圖形設計網頁工具。雖然還有好多功能需要完善，但銳某已經迫不及待地想要發布出來與大家分享了。

網絡上不是已經有很多優秀的圖形設計網頁工具了嗎？比如踏得、three.js等，為什么還要重復造輪？

為什么不能重復造輪？事實上，別人設計的工具未必有自己的好用，例如，銳視的圖形界面工具中強大的快捷鍵功能就已經把網絡上眾多程序的快捷鍵秒成渣渣！另外，自己設計的程序自己最清楚，要修改或添加新功能可以輕松地實現，如果要對別人的程序進行修改還得花費大量時間去研究他的程序代碼。

為什么要在銳視中整合三維設計？如何與該領域的其它三維工具競爭？比如：Blender、3ds Max、Maya等。

目標受眾不同。在銳某看來，Blender、3ds Max、Maya這些三維工具只能算是小眾應用，只有那些從事影視制作或裝修設計的專業設計師才會用。而銳視屬于大眾應用，目標受眾是廣大的網民。

作品需求不同。Blender、3ds Max、Maya等工具制作的是高端作品，對作品質量有較高的要求，正因如此，它的渲染成本相當高。比如有些影片渲染一幀就要花費幾十個小時甚至幾天時間，而一分鐘就有幾十幀，可以想象時間成本與渲染費用有多高了。2016年上映的動畫電影《小門神》，整部動畫渲染時間達到8000萬小時，8000萬小時大概是9000年，是不是覺得很恐怖！銳視只是用來制作簡單的短視頻，對作品質量沒有太多要求，一些簡單的三維圖形可以實時渲染實時播放。

操作水平不同。任何人可以不加學習就能使用銳視制作出視頻作品，甚至可以命令程序AI秘書自動生成并發布視頻作品。而如果通過Blender、3ds Max、Maya等工具進行視頻創作，必須花費大量時間與精力去學習這些工具的使用教程。

5.0 作者簡介

銳拜的個人檔案

姓名：梁業敏
? 字：銳拜
英文名：Rybby
性別：男
出生年月：1981-06-01
身高：170CM
體重：60kg
星座：雙子座
血型：不詳
學歷：初中兩年半
閱歷：不詳
興趣：不詳
愛好：孤獨、沉默、幻想
口頭禪：Cool！ 你妹！ 可惡的魂淡！?
不喜歡的東西：神 & 鬼
專長：網頁設計、標志設計、動畫設計
夢想：一個人去流浪
個人形象標語：任思緒天馬行空地肆意馳騁！
人生格言：夢想，當它實現時將不再是夢想！
自我評價：丑，懶，大叔，單身汪，初中二百五

自我描述：我不是專家，但至少是個行家（對某個行業感興趣的家伙）；我雖不專業，卻也還算敬業（吃飯時，飯碗里裝著的是代碼，筷子夾住的是代碼，嘴里磨碎的是代碼；睡覺時，身下墊的是代碼，身上蓋的也是代碼，頭下枕的還是代碼，甚至，和周公分享的都是代碼。我的人生已被代碼侵蝕了太多，而我，卻喜歡讓它侵蝕著...）。

6.0 興趣小組

WebOS

隨著5G手機的普及，越來越多用戶升級到了5G網絡，然而，由于5G手機耗電量太高導致手機制造商不得不將手機設計成大屏手機，不然手機電池的電量不夠用。但是，隨之而來的麻煩也來了，看似像塊磚頭的龐然大物裝在口袋里為手機用戶帶來不適，時刻拿在手里也不方便。雖然所有手機廠商都推出大屏手機看似乎是一種流行，其實只是沒有選擇的選擇！就像我們用網頁搜索引擎在中國只能用百度，不是因為它很強大，只是我們沒有選擇！事實上它比古狗（Google）差遠了！甚至搜狗都比它智能多了，只是搜狗的數據量沒有它多，所以很多時候你只能被迫使用百度搜索。

計算機的處理器一直都向迷你化發展，未來進化到可以植入到人體也并不奇怪，即使無法小到可以植入人體，像手指頭大小還是可以的。到時候可能會將芯片嵌入到其它物品進行使用，比如戒子、頸墜等。另外，當全息投影成為主流屏幕顯示的時候，手機這種物品可能會成為歷史，到時所有的互聯網交互將會通過網頁應用進行，所以webOS可能會成為未來的統治者。就像電算機的發展歷程那樣，從大型計算機到微型計算機，然后再回歸到大型計算機（云計算），操作系統也會經歷類似的發展：從迷你到大型再到迷你。因為計算機終端越來越迷你再加上云計算的出現，未來的互聯網交互將會通過大量命令來完成，所有復雜的操作都由云端計算機來完成，終端機器只負責顯示云端返回的結果。在這種交互模式下，所有的家用電器都能輕松聯網，用戶可以通過自己的網絡賬戶綁定很多家用電器，隨時隨地可以在網絡上控制自己的家用電器。

WebOS是一個網頁程序，它能真正實現跨平臺運行。我們平時用計算機或手機處理最多的事情無非就是聽音樂，看視頻或文字處理與圖片處理，這些簡單的操作可以寫個簡單的程序在終端實現，也可以在云端實現然后由終端來顯示結果，WebOS里面也可以運行很多由第三方開發與維護的應用。未來的終端機器只需要一個低端的處理器加一小塊內存與小塊硬存就能為用戶提供服務，各種類型的終端機器接入網絡共同組建一個和諧的網絡生態環境。

WebTTS/WebSTT

文字轉語音（TTS）有眾多應用場景，例如影視劇的臺詞配音、AI程序的語音對話等。而語音轉文字（STT）也有廣闊的應用領域，比如即時通信工具的聊天場景。事實上像微信的語音聊天記錄令我非常厭惡！又慢又費流量！還很吵！當你在公共場合使用時還會影響到別人。如果你不收聽語音又無法獲取聊天內容，如果收聽語音記錄又非常耗時，尤其是有很多語音記錄的時候，如果能將語音轉成文字將會對用戶友好得多。

WebSpider

目前我們常用的數據采集程序都會部署在服務器上運行，然而部署在服務器上成本太高，中小企業運作太困難。如果能在客戶端的網頁上實現數據采集能帶來很多好處，如性能提升與多任務迸發。目前的計算機或手機配置都很高，除了用戶日常操作消耗一部份系統資源外還有很多空閑資源，可以將這些空閑資源用來采集數據。當然你不能偷偷摸摸干這些事，你得經用戶授權同意才能進行。要實現網頁爬蟲必須先解決跨域問題，又或者我們定制一種協議然后大家共同遵守。網頁爬蟲的優勢是傳統的爬蟲程序無法比擬的，比如多任務迸發，假如你的網站有1億個訪客，每個訪客在瀏覽網頁時都會啟動一個采集任務，然后將采集到的數據進行分詞或排序或其它處理后再提交給服務器保存。運用網頁爬蟲你可以開發出很多垂直領域的搜索引擎，比如時事新聞、娛樂新聞、分類商品信息（美食、房產、汽車、數碼...）等。百度之所以如此沒落就是因為沒有競爭對手，銳某希望以后會有很多各種各樣的垂直搜索冒出來，只有迫于競爭的壓力才能激發百度向更好的方向發展。如果百度不思進取，最終可能會被從千搜大戰中殺出來的玩家所取代。就像從千團大戰中殺出來的美團，從千車大戰中殺出來的滴滴，從千讀大戰中殺出來的騰訊閱文集團。不管哪個領域，最終都會有一個優秀的玩家冒出來成為行業老大。

3dVMap三維矢量地圖

三維矢量地圖應用最多的是生活服務領域與戶外旅行以及游戲領域，以后也會應用到虛擬社交領域。

如果你對以上領域或技術感興趣可以加入興趣群和大家一起探討，不要等到某些技術成為主流之后才想要去學習，那樣別人早就甩你十幾條街遠了。當你對某項技術很熟悉之后可以嘗試弄個項目出來，然后去找投資談合作拉廣告，不要傻傻地想用自己的錢去運作，那樣太有限了，玩不動的！看看那些IT巨頭，有哪一個不是靠風險投資撐起來的！一個好的項目需要數百萬到數百億的運營資金，別說你自己有這么多錢了，就算有也不要自己玩！那些IT巨頭自己的子項目都需要找投資商投資，難道他們拿不出錢來經營自己的子項目嗎？肯定不是，找別人投資就是為了規避風險。不是所有的項目都能保證經營成功，按投資界統計的經驗，一家投資機構的所有投資項目有1/3成功就很不錯了，有1/3是死掉的，還有1/3是半死不活的。如果一個項目全部由自己出資運營的話，失敗了就得自己承擔所有損失！像百度、騰訊、阿里都有很多失敗的項目，如百度的有啊、糯米，騰訊的拍拍、搜搜，阿里的口碑、雅虎就是很好的例子。如果讓別人投資進來占一部份股份可以分擔損失，若項目成功了自己還是最大股東擁有公司的控制權，可以通過該項目為自己的其它項目輸送流量。

如果你覺得上面的技術發展前景好，也想弄個項目出來但自己又不懂技術怎么辦？

一個人即使沒有什么才能，只要他把很多有能之士集結起來，就可以做很能的事！——銳拜

沒有人可以樣樣精通，即使再怎么牛逼的人也有他不懂的事，所以，不要覺得自己在某些領域有點成就就目空一切，也不要因為自己無所作為而感到丟臉。像世界富豪比爾·蓋茨這樣的人，你覺得他很有才能嗎？其實不然，他因為蘋果的壓力不得不跑去跟IBM談了一筆交易，見面就說：“我要賣給你們一個操作系統，叫DOS，我不但要賣給你們還要賣給別人！”，然而那時候他哪有什么DOS！把IBM談下來后才去找一個程序員，花5萬美元買了他的操作系統DOS。后來蘋果宣布要在一年后推出帶有圖形界面的操作系統時，他又跑去蘋果忽悠喬布斯，結果成功得到3臺樣機，然后比蘋果搶先推出了圖形界面操作系統windows。即使他沒什么才能，憑借其尖銳的眼光與過硬的外交手段（這算是一種才能吧）成就了非凡的人生！

總結

以上是生活随笔為你收集整理的轻松制作短视频网页工具：锐视RyView 帮助文档的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。