1.鍓嶈█棣栧厛浠嬬粛涓€涓媀ideoRoll锛屼竴娆惧彲浠ュ府鍔╀綘鍦ㄤ换浣曠綉椤典腑鏃嬭浆銆佺缉鏀俱€佽皟鏁村ぇ灏忓拰闀滃儚鍥惧儚鐨勬祻瑙堝櫒鎻掍欢銆侶TML5瑙嗛銆傜洰鍓嶅凡鏈夎秴杩?000+鐢ㄦ埛鍦ㄤ娇鐢ㄣ€傚畠鏄畬鍏ㄥ紑婧愮殑锛屽樊璇勪负闆躲€傞偅涔堝氨鏉ヤ粙缁嶄竴涓嬭繖涓皬浼楁彃浠剁殑浣滅敤鍚с€備簩銆乂ideoRoll瑙ｅ喅鐨勯棶棰橀鍏堬紝鎴戞暣鐞嗕簡PC骞冲彴鍦ㄧ嚎瑙嗛鐨勯棶棰橈細1銆佽棰戠殑鏂瑰悜涓嶅銆傚鍗?6锛岄珮鍙崰9銆備絾鏄垜浠湁鏃跺€欎細鐪嬪埌涓嬮潰鐨勮棰戯細杩欐牱鐨勮棰戞槑鏄庡簲璇ユ槸绔栧睆鐨勶紝闀垮姣旀濂界浉鍙嶏紝浣嗘槸鍥犱负浣滆€呬笂浼犵殑鏃跺€欐病鏈夎皟鏁存柟鍚戣棰戯紝鍑虹幇涓婅堪鐜拌薄銆傜粨鏋滃脊骞曢噷寰堝浜洪兘璇磋剸瀛愭浜嗭紝鐤拣煒傘€傚綋鐒朵篃鏈夊彲鑳藉瓨鍦ㄩ暅鍍忕炕杞殑闂锛屼笉杩囬暅鍍忎竴鑸笉浼氬奖鍝嶈鐪嬩綋楠屻€傜浉鍙嶇殑鎯呭喌鏄渶褰卞搷瑙傜湅浣撻獙鐨勩€?.瑙嗛鎷変几闄や簡鏂瑰悜闂锛岄儴鍒嗚棰戣繕瀛樺湪姣斾緥涓嶅钩琛＄殑闂銆傝繖灏辨槸鎵€璋撶殑杩囧害鎷変几锛屽鑷磋棰戝唴瀹圭湅璧锋潵澶辩湡銆?.瑙嗛榛戣竟瑙嗛榛戣竟涓€鑸槸瑙嗛鍐呭娌℃湁瀹屽叏濉弧瀹瑰櫒閫犳垚鐨勩€傝繖鏄惁褰卞搷瑙傜湅浣撻獙鍙栧喅浜庤棰戠殑鍐呭鍜岄粦杈圭殑澶у皬銆傞儴鍒嗚棰戝唴瀹瑰尯鍩熷お灏忥紝榛戣竟澶ぇ銆?銆乂ideoRoll鐨勮В鍐虫柟妗堢敱浜庣幇浠ｆ祻瑙堝櫒鐨勮棰戝熀鏈兘鏄熀浜嶩TML5鐨?video>鏍囩瀹炵幇鐨勶紝鎵€浠ヤ綘鑳界湅鍒扮殑鍚勫ぇ瑙嗛缃戠珯锛屾瘮濡俌outube銆丅ilibili銆乂iemo銆乀iktok绛夛紝閮芥病鏈変竴涓緥澶栥€傚洜姝わ紝璁╂垜浠洿鎺ヤ粠鈥滆棰戔€濋€夐」鍗″紑濮嬨€傜浉淇″仛杩囧墠绔殑鍚屽搴旇閮借涓虹洿鎺ヤ娇鐢–SS鐨則ransform灞炴€у氨鍙互瑙ｅ喅杩欎簺闂銆傛病閿欙紝VideoRoll鏄洿鎺ラ€氳繃transform瀹屾垚鐨勩€俈ideoRoll閫氳繃transform涓?D鍜?D鍙樺舰鏁堟灉鐨勫悓鏃跺瓨鍦紝浠ュ強涓€浜涚畝鍗曠殑绠楁硶瀹炵幇浜嗗畬缇庣殑瑙ｅ喅銆?.鏂瑰悜鏂瑰悜鍙互鐩存帴閫氳繃transform:rotate鏉ヨВ鍐炽€傚湪浣跨敤灞傞潰锛岀敤鎴峰彧闇€鐐瑰嚮鍗冲彲銆傚師鐞嗚櫧鐒剁畝鍗曪紝浣嗘槸鏈変釜闂锛屽氨鏄棆杞悗瑙嗛鐨勫ぇ灏忔病鏈夊彉鍖栥€傜敱浜庤棰戝闈㈡湁涓€灞傚鍣紝瑙嗛鑲畾浼氳閬尅锛屾棤娉曞畬鏁存樉绀猴紝濡備笅鍥炬晥鏋溿€傛墍浠ユ垜浠繕闇€瑕佷娇鐢╯cale灞炴€ц繘琛屼竴瀹氱殑缂╂斁锛岀缉鏀惧€奸渶瑕侀€氳繃瑙嗛澶у皬鍜屽鍣ㄥぇ灏忔潵璁＄畻銆備娇鐢╲ideoWidth鍜寁ideoHeight浠ュ強offsetWidth鍜宱ffsetHeight鏉ヨ绠楀楂樻瘮銆傜粡杩囪绠楋紝鏈€缁堟晥鏋滃涓嬶細鏃嬭浆缂╂斁鍚庯紝rotate鍜宻cale灞炴€у凡缁忚鍗犵敤銆傚鏋滄垜浠繕闇€瑕侀暅鍍忕炕杞€庝箞鍔烇紵鍙渶鍗曞嚮涓€涓嬪嵆鍙€傚疄鐜板眰闈㈡槸娣诲姞rotate3d鎴栬€卻cale3d锛岃浠栦滑鍚屾椂鐢熸晥銆?銆佹媺浼搁棶棰樼敱浜庣▼搴忔棤娉曡嚜鍔ㄥ垽鏂媺浼搁棶棰橈紝鎵€浠ヤ細鐣欑粰鐢ㄦ埛鑷繁璁剧疆锛屽嵆閫氳繃scaleX鍜宻caleY鏉ヨВ鍐筹紝鐢ㄦ埛鍙渶瑕佹嫋鎷藉嵆鍙€?銆侀粦杈归棶棰橀粦杈归棶棰樻湰璐ㄤ笂鏄棰戝昂瀵镐笉瀵癸紝涔熷彲浠ラ€氳繃缂╂斁鏉ヨВ鍐炽€?銆侀噸澶嶉厤缃棶棰樻渶鍚庯紝VideoRoll杩樿€冭檻鍒板鏋滅敤鎴风浜屾鎵撳紑鍚屼竴涓棰戯紝鏄惁闇€瑕佸啀娆￠噸澶嶈缃紵褰撶劧涓嶆槸锛屾垜浠彧闇€瑕佷繚鐣欒棰戠殑閰嶇疆锛岀瓑鎴戜笅娆℃墦寮€鍚屾牱鐨勮棰戯紝瀹冨氨鑷姩鐢熸晥浜嗐€?.鎬荤粨鍏跺疄鍦–hrome鍟嗗簵涓篃鏈変竴浜涚被浼肩殑鎻掍欢銆傝繖閲屾帹鑽愪袱涓細VideoRotaterVideoTransformerVideoRotater鍙戝竷鏃堕棿鏃╀簬VideoRoll銆傛垜鐢ㄤ簡涔嬪悗锛屽彂鐜颁簡涓€浜涢棶棰橈紝鍐冲畾鑷繁鍐欎竴涓€俈ideoTransformer鐨勫彂甯冩椂闂存櫄浜嶸ideoRoll銆傛病鏈変氦浜掔晫闈紝涓昏闈犲揩鎹烽敭鎿嶄綔锛屾瘮杈冮夯鐑︺€俈ideoRoll鐨勫垵琛峰彧鏄负浜嗘柟渚胯嚜宸辩湅涓€浜涜棰戞椂鐨勪綋楠岋紝浣嗘兂鍒板緢澶氫汉閮戒細鏈夊悓鏍风殑闂锛屾墍浠ラ€夋嫨灏嗗叾浣滀负娴忚鍣ㄦ彃浠跺彂甯冨苟寮€婧愩€?.娆㈣繋鍔犲叆鐢变簬鍙戝竷鍚庣敤鎴锋暟閲忎笉鏂鍔狅紝鐩墠鍛ㄦ椿璺冪敤鎴峰凡瓒呰繃1K锛孷ideoRoll鍙兘浼氭寔缁洿鏂帮紝鎻愪緵鏇村鍔熻兘浼樺寲瑙嗛浣撻獙锛屽笇鏈涜兘鍋氫竴涓狝llin涓€涓彃浠讹紝褰撲綘鍦≒C涓婄湅瑙嗛鏃讹紝鍙渶瑕佽繖鏍蜂竴涓彃浠跺氨鍙互婊¤冻浣犵殑澶ч儴鍒嗛渶姹傘€備篃甯屾湜鏈夊叴瓒ｇ殑鏈嬪弸鍙互鍜屾垜涓€璧峰畬鍠勮繖涓彃浠躲€傜洰鍓嶈鎻掍欢鍩轰簬Typescript銆丳arcel鍜孷ue3鏋勫缓锛孶I搴撲负Vant銆備笅涓€姝ヤ紭鍖栨彃浠舵瀯寤哄伐鍏烽摼锛屾彁渚涚涓夋柟搴撳拰鑴氭湰锛岄噸鏋勫畼缃戙€侴ithub锛歨ttps://github.com/VideoRoll/...瀹樼綉锛歨ttps://gomi.site/VideoRollChrome鍟嗗煄锛歨ttps://chrome.google.com/web...
