抖音短视频播放进度条控件
播放进度条，在我们刻板印象中，一般分为播放时间，播放进度条状态，总共时间三大部分。播放时间一般从初始时间00：00开始，假如播放到02：32，它显示就是02：32。
播放进度条状态一般底色是播放时间总长度，前景色是动态，随意播放时间的增长慢慢增长。
最后会有一个总共时间，这样就可以知道还剩多少时间就播放完毕。
抖音的进度条控件是没有显示播放时间和总共时间，因为抖音的视频通常都是几十秒，没有必要显示，所以现在很多短视频app都只是有进度条状态。
同时，我发现抖音进度条的一个亮点交互，当我想把声音变大的时候，进度条会显示黄色细线条状态，当我想快进的时候，进度条就会显示白色粗线状态。分别如下图
进度条有三种状态：第一种是播放进度状态，第二种是快进状态，第三种是调节声音的状态。
相比之下，抖音播放进度条控件比普通的进度条更有活力和创新，也符合抖音的产品定位。
通过进度条告诉我们调节声音的大小，既节省了空间又实现多功能。
但是，我觉得它也有点多此一举，因为我们调节声音的时候，本来就有手机自带状态，反馈也很明显， 所以抖音这个操作是他们品牌的一个设计亮点。
绛旓細鎶栭煶鐨杩涘害鏉℃帶浠鏄病鏈夋樉绀鎾斁鏃堕棿鍜屾诲叡鏃堕棿锛屽洜涓烘姈闊崇殑瑙嗛閫氬父閮芥槸鍑犲崄绉掞紝娌℃湁蹇呰鏄剧ず锛屾墍浠ョ幇鍦ㄥ緢澶鐭棰app閮藉彧鏄湁杩涘害鏉＄姸鎬併傚悓鏃讹紝鎴戝彂鐜版姈闊宠繘搴︽潯鐨勪竴涓寒鐐逛氦浜掞紝褰撴垜鎯虫妸澹伴煶鍙樺ぇ鐨勬椂鍊欙紝杩涘害鏉′細鏄剧ず榛勮壊缁嗙嚎鏉＄姸鎬侊紝褰撴垜鎯冲揩杩涚殑鏃跺欙紝杩涘害鏉″氨浼氭樉绀虹櫧鑹茬矖绾跨姸鎬併傚垎鍒涓嬪浘 杩...
绛旓細瀛樻。杩涘害鏉閫氬父鐢ㄤ簬鏍囪鎴栬褰曡棰戙侀煶棰戠瓑澶氬獟浣撳唴瀹圭殑鎾斁浣嶇疆锛屼互渚跨敤鎴疯兘澶熷湪涓嬫鎵撳紑鏃朵粠涓婃涓柇鐨勫湴鏂圭户缁挱鏀俱傜劧鑰岋紝鍦鎶栭煶杩欐牱鐨鐭棰骞冲彴涓婏紝鐢变簬瑙嗛闀垮害閫氬父杈冪煭锛屼笖鍐呭鏇存柊杩呴燂紝鍥犳骞冲彴璁捐骞舵湭鑰冭檻鍔犲叆瀛樻。杩涘害鏉＄殑鍔熻兘銆備笉杩囷紝瀵逛簬闇瑕佸洖椤炬垨淇濈暀鐨勮棰戞钀斤紝鐢ㄦ埛鍙互閲囧彇涓浜涘彉閫氱殑鏂规硶銆備緥...
绛旓細鎶栭煶搴曚笅閭ｄ釜杩涘害鏉鏃犳硶璁剧疆锛岃秴杩囦竴鍒嗛挓鍗冲彲鍑虹幇銆傛墦寮鎶栭煶锛屾殏鍋滀竴涓棰戯紝浣犱細鍙戠幇娌℃湁杩涘害鏉★紝杩欐槸鍥犱负鍙湁15绉掍互涓婄殑瑙嗛鎵嶄細鏈夎繘搴︽潯锛岀偣鍑绘殏鍋滐紝婊戝姩灏忓渾鐐瑰埌鑷繁鎯宠璺宠浆鐨勫湴鏂瑰嵆鍙皟鑺傝繘搴︽潯銆鎶栭煶鐭棰锛屾槸涓娆鹃煶涔愬垱鎰忕煭瑙嗛绀句氦杞欢锛岀敱浠婃棩澶存潯瀛靛寲锛岃杞欢浜2016骞9鏈堜笂绾匡紝鏄竴涓笓娉ㄥ勾杞...
绛旓細鎶栭煶鏄彲浠ヨ皟杩涘害鏉鐨勶紝浣嗕笉鏄墍鏈夌殑瑙嗛閮借兘鎷栧姩蹇繘鐨勶紝鍙湁涓鍒嗛挓浠ヤ笂鐨勮棰戞墠鍙互锛屾渶涓嬮潰鏈変竴鏉＄粏缁嗙殑鐧借壊鏉★紝鎷栧姩瀹冨嵆鍙傛姈闊筹紝鏄竴娆惧彲浠ユ媿鐭棰戠殑闊充箰鍒涙剰鐭棰戠ぞ浜よ蒋浠讹紝璇ヨ蒋浠朵簬2016骞9鏈堜笂绾匡紝鏄竴涓笓娉ㄥ勾杞讳汉闊充箰鐭棰绀惧尯骞冲彴銆傜敤鎴峰彲浠ラ氳繃杩欐杞欢閫夋嫨姝屾洸锛屾媿鎽勯煶涔愮煭瑙嗛锛屽舰鎴愯嚜宸...
绛旓細鎶栭煶搴曚笅閭ｄ釜杩涘害鏉鏃犳硶璁剧疆锛岃秴杩囦竴鍒嗛挓鍗冲彲鍑虹幇銆傛姈闊筹紝鏄竴娆惧彲浠ユ媿鐭棰鐨勯煶涔愬垱鎰忕煭瑙嗛绀句氦杞欢锛岃杞欢浜2016骞9鏈堜笂绾匡紝鏄竴涓笓娉ㄥ勾杞讳汉闊充箰鐭棰戠ぞ鍖哄钩鍙般
绛旓細鎶栭煶涓嬫柟杩涘害鏉鎷栧姩鐨勬柟娉曟槸锛 1銆佺偣鍑绘墦寮鎵嬫満鎶栭煶app銆 2銆佺劧鍚庢壘鍒颁竴娈垫嫢鏈夎繘搴︽潯鐨勮棰戙 3銆佺劧鍚庡湪涓嬮潰榛勮壊鏂规涓嫋鍔ㄨ繘搴︽潯鍗冲彲蹇繘瑙嗛浜嗐 鎶栭煶锛圱ikTok锛夋槸鐢变粖鏃ュご鏉℃帹鍑虹殑涓娆剧煭瑙嗛鍒嗕韩APP锛屼簬2016骞9鏈堜笂绾匡紝鏄竴涓笓娉ㄤ簬骞磋交浜闊充箰鐭棰鍒涗綔鍒嗕韩鐨勭ぞ鍖哄钩鍙般傛姈闊冲簲鐢ㄤ汉宸ユ櫤鑳芥妧鏈负鐢ㄦ埛...
绛旓細鎶栭煶涓嬫柟杩涘害鏉鎷栧姩鐨勬柟娉曟槸锛1銆佺偣鍑绘墦寮鎵嬫満鎶栭煶app銆2銆佺劧鍚庢壘鍒颁竴娈垫嫢鏈夎繘搴︽潯鐨勮棰戙3銆佺劧鍚庡湪涓嬮潰榛勮壊鏂规涓嫋鍔ㄨ繘搴︽潯鍗冲彲蹇繘瑙嗛浜嗐傛姈闊筹紙TikTok锛夋槸鐢变粖鏃ュご鏉℃帹鍑虹殑涓娆剧煭瑙嗛鍒嗕韩APP锛屼簬2016骞9鏈堜笂绾匡紝鏄竴涓笓娉ㄤ簬骞磋交浜闊充箰鐭棰鍒涗綔鍒嗕韩鐨勭ぞ鍖哄钩鍙般傛姈闊冲簲鐢ㄤ汉宸ユ櫤鑳芥妧鏈负鐢ㄦ埛鍒涢犲鏍...
绛旓細1.鎵撳紑鎵嬫満鎶栭煶锛屽埛涓瑙嗛鏀炬澗涓涓嬨傚乏杈归偅绉嶇壒鍒煭鐨勮棰戞槸娌℃湁杩涘害鏉鐨勶紝鍙宠竟鐨勯偅涓瘮杈冮暱鐨勬槸鏈夎繘搴︽潯鐨勩傛垜鐗规剰鎵句簡鍚屼竴涓綔鑰呯殑瑙嗛锛屽仛瀵规瘮瀹為獙銆2.鎸変綇閭ｄ竴鏉″緢缁嗙殑妯嚎锛堣繘搴︽潯锛夛紝灏辫兘鐪嬪埌杩欎釜瑙嗛鐨勬椂闂磋繘搴︽潯浜嗐傝繕鑳界敤杩囨粦鍔ㄨ繘搴︽潯鐨勬柟寮忓揩杩涙垨鑰呴鍥炲埌鏌愪釜鐐广3.灞曠幇鎴愭灉銆備釜浜哄績寰+...
绛旓細浠鎶栭煶v12.5.0涓轰緥锛屾姈闊虫嫋涓嶅姩杩涘害鏉鐨勫師鍥犳槸: 15绉掔殑瑙嗛鏄病鏈夎繘搴︽潯鐨勶紝鍙湁楂樹簬15绉掔殑瑙嗛鏄彲浠ユ粦鍔ㄨ繘搴︽潯鐨勩傛姈闊筹紙Tik Tok锛夋槸鐢变粖鏃ュご鏉℃帹鍑虹殑涓娆剧煭瑙嗛鍒嗕韩APP锛屼簬2016骞9鏈堜笂绾匡紝鏄竴涓笓娉ㄤ簬骞磋交浜闊充箰鐭棰鍒涗綔鍒嗕韩鐨勭ぞ鍖哄钩鍙般傛姈闊冲簲鐢ㄤ汉宸ユ櫤鑳芥妧鏈负鐢ㄦ埛鍒涢犲鏍风殑鐜╂硶锛岀敤鎴峰彲浠...
绛旓細鎶栭煶鍙互鐪嬩竴涓棰戠殑鏃堕暱鏄嚑鍒嗗嚑绉掞紝杩樺彲浠ョ湅鍒版垜浠鐪嬪埌浜嗗嚑鍒嗗嚑绉掞紝鍏蜂綋鐨勬煡鐪嬫楠ゅ涓嬶細鎴戜互鎶栭煶鏈鏂扮増22.4.0涓轰緥銆1.鎴戜互涓涓殢鏈虹殑鎶栭煶瑙嗛鍋氭紨绀猴紝涓嶆槸鎵鏈夋姈闊宠棰戦兘鏈杩涘害鏉鐨勶紝寰堢煭鐨勪竴鑸病鏈夎繘搴︽潯锛岄鍏堟垜浠墦寮鎶栭煶棣栭〉锛屾壘鍒颁竴涓甫鏈夎繘搴︽潯鐨勮棰戯紙濡備笅鍥撅級锛2.鍦ㄤ笅鏂规垜浠...
