videojs做直播、彈幕
從上一年開始，我們開始接觸直播，現在直播成本真的很低，很多CDN供應商都有提供，本文只是大概講述播放器這個話題。 開始調研 播放格式，我挑了三種。分別是HLS,RTMP,HTTP-FLV。 下面簡單說說區別，如果不做移動端，HTTP-FLV是最優選擇，也是當前主流直播網站所用的格式。HLS ...
原文：h5做直播的彈幕效果
最近在搞彈幕效果所以就寫一個關於彈幕的吧，剛開始尋思去網上找插件的，但找的插件和我的需求都不太相符，其實做彈幕我知道的有兩種方法： ：一種是用canvas和對象來完成彈幕想過，用canvas來完成彈幕動畫，每一條彈幕就是一個對象，但是由於canvas定位到視頻框上面，會覆蓋掉直播框，這樣就會讓我的直播框的一些事件失效所以我就用了下面的一種 ：另外一種就是用DOM操作去完成彈幕效果，每當你接受到后台 ...
2017-02-28 11:32 0 1574 推薦指數：
相關推薦
那些H5用到的技術（4）——彈幕
”的威力，壓根視頻就沒法看了……全看評論去了，就是那么好玩。 現在沒有彈幕功能都不好意思說是做視頻 ...
h5直播
直播開發之旅 ① 狀態控制： 目前我們先考慮直播的三種狀態： 直播前，直播中，結束。 針對每個狀態我們肯定會有不同的顯示，這三種狀態可以是三個頁面，相互切換，或者一個頁面，控制頁面相關隱藏和顯示。 可是我們怎么知道，當前主播已經切換成某種狀態了呢？ 通過輪詢嗎？ 當然不是，輪詢肯定是可以實現 ...
H5 如何實現直播
H5 如何實現直播 目前直播大火，在看直播后突然想自己做個直播軟件。想了想想自己做下，開始在網上各種找資源。直播嘛，那必然有主播端和觀眾端。經過一系列的考察后后來找到了融雲，使用了他們的 SDK，一共用了無 UI IM 和低延時直播兩個 SDK。 IM 用了連接和發送消息，選擇的是融雲的聊天室 ...
H5移動端彈幕動畫實現
思路 把單個內容編輯好，計算自身寬度，確定初始位置 移動的距離是屏幕寬度 js動態的添加css動畫函數，將高度、動畫移動時間、動畫延遲時間都用隨機數控制 代碼： html骨 ...
h5旋轉效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l ...
h5 stream 直播監控功能
在config文件中根據h5stream配置完數據源后 進入www文件夾下,根據demo.html 或ws.html配置播放頁面 谷歌瀏覽器默認不支持打開頁面自動播放 可以加入 muted(主要) autoplay ...
h5直播開發之旅總結
前言 關於直播，有很多相關技術文章，這里不多說。 作為前端，我們比較關心我們所需要的。 直播的大致流程： APP端調用攝像頭 -》 拍攝視頻 -》 實時上傳視頻 -》 服務器端獲取視頻並解碼 -》 存儲成一小段一小段視頻 -》 服務器端進行推流 -》 H5或者app端通過一個 ...