最近这几年做直播和短视频领域是真的很火，而且直播的领域也很广泛，可以预见，未来的音视频技术将会作为一种基础技术应用到更广泛的场景中。它可以与 AR/VR 结合，让你在远端体验虚拟与现实，如虚拟服装体验；也可以与人工智能结合用于提高服务质量，如用于教学上帮助老师提高教学质量；它还…

首先说明，本篇文章是概念+实践，对于希望了解和实践一个简单的摄像头直播网页功能的人会有帮助，由于篇幅和实践深入度有限，目前demo效果只支持直播播放电脑端以及常用摄像头的实时视频流，其他复杂的功能（例如视频信息实时处理，高并发，网络分发等）尚未实现，还需要进一步探索。 下面按照…

2.1 支持原生H5 video标签的所有配置参数，并且更加丰富的配置。 视频本地预览的功能主要利用 URL.createObjectURL() 方法来实现。URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的 …

在标签中添加draggable="true"，标签即可拖动。 这是因为，ondragover这个事件有一个默认行为，在 ondragover的最后默认被拖拽的元素回到原位（我是这么理解的），这样就解释了，在被绑定元素中松开了拖拽元素，没有触发ondrog而是触发了ondragl…

现在，大多数已工作的前端工作者的学习方式，要么直接到 Stackoverflow 上搜代码，要么直接看看相关博文。这样是快，但是零零碎碎只是一个一个孤立的知识点而已。有可能一下午都忘记了，唯一可能记住的收藏一下那个文章，然后就彻底躺尸了。那有没有啥更好的办法能解决呢？ 当然有，…

属性规定在页面加载后载入视频。如果设置了 autoplay 属性，则忽略该属性。 视频播放时局域播放，不脱离文档流 。但是这个属性比较特别， 需要嵌入网页的APP比如WeChat中UIwebview 的allowsInlineMediaPlayback = YES webvie…

企鹅辅导是腾讯推出的针对小学、初中、高中课外的在线学习服务平台。近期，企鹅辅导为了方便用户更加快速便捷地上课，新增了移动端H5的上课形式。本文主要介绍了H5“实时直播”和“点播”的选型，以及开发过程中遇到的问题和解决方案。 企鹅辅导的上课功能是产品较为核心的功能，而原有上课方式…

这篇总结其实是去年公司每周技术分享会轮到我的时候写的。那时候公司正在大刀阔斧地准备直播业务，私以为主管会委以重任，就翻了不少论坛，做了一次简单的技术分享。后来直播业务让另一位同事承担了，自己也就没了实践直播的机会，有点可惜吧。好了，废话不多说，开始我们的理论篇~ 可以看到，直播…

微信小程序仿微信， QQ 向左滑动删除操作。 废话不多说， 先看效果， 能满足您的需求， 您在接着往下看。