那些H5用到的技術（2）——音頻和視頻播放
前言 audio標簽 Web Audio API 自動播放的問題 背景音樂的實現 立即播放的問題 SoundJS video標簽 播放樣式的問題 格式的問題 總結 前言 正常情況，除了非常簡陋的小功能H5，音樂播放 ...
原文：那些H5用到的技術（4）——彈幕
前言 思路 實現 模式 無限循環模式 時間線模式 停止顯示彈幕 前言 以前玩卷軸射擊游戲的時候，大量的BOSS子彈讓我們無路可逃的時候，讓我見識到了真正彈幕的威力，可自從A站B站火了之后，大量評論留言參與到了視頻的播放中，也讓我見識到了 彈幕 的威力，壓根視頻就沒法看了 全看評論去了，就是那么好玩。 現在沒有彈幕功能都不好意思說是做視頻or直播網站的。而我們也不能落后吶，產品提需求了，活動H 里 ...
2017-03-08 23:28 0 3770 推薦指數：
相關推薦
那些H5用到的技術（1）——素材加載
編碼環境 前言 什么時候用到素材加載？ loading提示，讓用戶等待 圖片的加載 音頻的加載 利用神器PreloadJS 總結 編碼環境 Sublime Text 3 插件包括： Autoprefixer 自動補全CSS ...
那些H5用到的技術（3）——屏幕場景滑動
stylie velocity.js 總結 前言 現在已經有許多公司開發了各種在線H5 ...
那些H5用到的技術（6）——數字滾動特效
前言 原理 源碼 使用方式 補充 CountUp.js 前言 會有這么一種情況，H5頁面需要進行數字統計展示，以此來強調產品or工作的成果。如果只是靜態顯示一個數字，總是感覺生硬。對比如下： 是不是瞬間高大上了呢？ 這個效果我是在開源中國 ...
H5移動端彈幕動畫實現
思路 把單個內容編輯好，計算自身寬度，確定初始位置 移動的距離是屏幕寬度 js動態的添加css動畫函數，將高度、動畫移動時間、動畫延遲時間都用隨機數控制 代碼： html骨 ...
h5做直播的彈幕效果
最近在搞彈幕效果所以就寫一個關於彈幕的吧，剛開始尋思去網上找插件的，但找的插件和我的需求都不太相符，其實做彈幕我知道的有兩種方法： 1：一種是用canvas和對象來完成彈幕想過，用canvas來完成彈幕動畫，每一條彈幕就是一個對象，但是由於canvas定位到視頻框上面，會覆蓋掉直播框，這樣就會 ...
H5離線緩存技術
HTML5提供了很多新的功能以及相應的接口，離線存儲就是其中的一個，離線存儲可以將站點的一些文件存儲在本地，在沒有網絡的時候還是可以訪問到以緩存的對應的站點頁面，其中這些文件可以包括htm ...
H5的canvas繪圖技術
canvas元素是HTML5中新添加的一個元素，該元素是HTML5中的一個亮點。Canvas元素就像一塊畫布，通過該元素自帶的API結合JavaScript代碼可以繪制各種圖形和圖像以及動畫效果。 ...