asdw4w82020-01-10一鏡到底，是指拍攝中沒有cut情況，運用一定技巧將作品一次性拍攝完成。在HTML5中是指透過拉伸鏡頭的元素，使得場景有遠近的縱深感，業內通常稱之為“一鏡到底”效果。
一鏡到底不止“鏡頭縮放從場景來形成巨大沖擊力”的典型型別，寬泛的講，從頭到尾連貫播放完畢都算，還有滑動的長頁面等創意形式。
從網上找了些“一鏡到底H5案例”，僅供大家參考：
經典的一鏡到底型別：
既然講到這，各位看官看完好像也沒學到啥，所以呢下面我們介紹一鏡到底的原理及實現方法，這裡我們以H5工具 意派Epub360（epub360。com）為例：
一、元件效果原理：
對於該元件的理解，是基於原有的X軸、Y軸視覺基礎，在Z軸上將多個元素前後放置，並設定前後元素間距，同時也控制了元素出現的時長效果。如圖：
二、Epub360 一鏡到底元件使用教程
基本用法
1。開啟官網官網，進入工作臺，先新建一個頁面，左上角切換到layer層，編輯一鏡到底元件內的內容（左側小頁面右擊可新建頁面），再新增一鏡到底元件。切換到layer頁面編輯一鏡到底的內容。每個Layer頁面放置一個或多個要展示的元素。
2。切換回到頁面，點選高階元件中的一鏡到底元件新增多個Layer容器。
3。一個layer中的元素表示一鏡到底中的一層畫面。
3。最後可設定間距，控制每兩層元素間的距離，影響到每個元素的出現時間，每個層之間的間距都可以自定義調整。也可去掉勾選“初始視距修正”選項，來調整第一層元素與螢幕基準點的距離。
4。修改／替換素材：不需要切換到layer中，只需選中一鏡到底元件，右側找到要替換的素材layer，雙擊預覽圖，即可切換到layer頁面修改。
5。播放設定。可以設定觀看者手動播放或自動播放。
手動播放點選勾選可拖動即可。
也可以選擇自動播放
自動播放：勾選自動播放，在切換到一鏡到底元件當前頁時，自動播放一鏡到底畫面；
自動播放速度：播放速度的值越大，播放的畫面飛出越快。
以上播放速度跟是自動播放結合使用的。
也可在設定自動播放的同時設定可拖動，在一鏡到底自動播放時也允許觀看者手動控制。
高階用法
1。切換到指定幀。可以用其他元素去觸發一鏡到底畫面的切換，如新增一個按鈕，對該元素時長按開始時切換到指定幀，切換時間目前為固定時間1秒（s）。
2。一鏡到底播放觸發器。開始播放時（第一幀畫面出現時）、結束播放時（最後一幀畫面出現時）的觸發器。
3。layer頁面中的互動設定。可對layer頁面中的元素設定觸發器，目前可實現除了常規的觸發器行為，還有視音訊播放等。設定如圖：
4。手勢滑動速度控制。上下劃屏可以控制畫面的播放，手指滑動的快慢影響畫面播放的速度，可以在作品中，做一個滑動提示的元素動畫，給使用者提示。
注意事項：
常規的一鏡到底畫面是多個PNG圖片，需要上傳前保證是PNG格式的，保證邊緣沒有被裁切的痕跡；
文字可以直接在Layer頁面使用段落元件編輯。
一鏡到底元件建議畫面層控制在50個畫面層以內，如果素材相對較小，可以控制在60個層左右；
考慮到手機效能，每張一鏡到底畫面的大小控制在70KB以內。
素材較大的情況下，每個畫面層之間的間距設定為500PX及以上，小一些的畫面素材暫時不做強制，但是需要在釋出前在效能相對一般的手機上進行測試，保證流暢。
