Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

几个月前React Hooks正式发版，在正式发版之前，发布了alpha版本，这时就已经有很多人开始分享React Hooks的使用方式和经验。笔者也是等到了正式发版稳定后才开始学习，这次在原来高仿B站视频弹幕的基础上使用Hooks开发了直播功能 由于一些原因，才引入了Hook…

登录，私人Fm，歌单，专辑，歌手，排行榜，MV，视频，评论，搜索，用户，动态，粉丝，关注，云盘，收藏... 路由导向，局部刷新，首页栏目调整并持久化... ... 点击下载应用。 拖动对话框的身影在项目中还是挺常见的，如首页中的栏目调整对话框，收藏歌单等。 然而Ant Desi…

最近在项目中遇到需要视频直播、视频回放等需求，在实现过程中也碰到了很多坑，因此在这里记录一下调研过程中遇到的解决方案。 可以将不同速率的版本切成相应的片；播放器可以直接使用http协议请求流数据。 延迟大小受切片大小影响，不适合直播，适合视频点播。 实时性差，延迟高。HLS 的…

最近在看英文字幕的电影，听力水平一般，有些字幕对话想多回放几遍。这个是一个比较小众的需求，发现目前的播放器都不支持。于是就想自己实现个有字幕回放功能的播放器。跨平台的开源播放器，比如VLC、MPV，开发的门槛都挺高的。如果能用Electron做播放器的话，添加一些个性的功能，应…

如上图HTML结构，video 里面的 src 地址格式：blob:http://******/8587a0ef-ef44-4dba-8f76-e134b9624772。 其实这不是特殊的视频传输协议，只是一种 HTML5 Video Blob格式。 并且大部分网页视频的格式都…

画中画就是使视频脱离页面，在新窗口展示的效果。 现在已经有不少画中画效果的应用，例如淘宝的宝贝介绍、各个播放器和广告等，这些基本都是通过对video标签的操作来实现的，讲道理，用canvas也可以实现。本文要说的是一个新的方法requestPictureInPicture()，…

这节主要实现处理多个客户端消息的功能，并将收到的消息广播到每个连接的客户端。在本系列的这一部分结束时，我们将： 实现了一个池机制，可以有效地跟踪 WebSocket 服务中的连接数。 能够将任何收到的消息广播到连接池中的所有连接。 当另一个客户端连接或断开连接时，能够通知现有的…

技术栈 vue+vuex+vue-router+better-scroll+socket.io+koa2+mongodb+pm2自动化部署+图灵机器人+nginx+linux部署 功能清单 1、注册登