播放器
10篇文章 · 0订阅
  • OpenGL ES 入门: GLKit应用加载图片
    EAGLContext是苹果iOS平台下实现OpenGL ES渲染层。其中kEAGLRenderingAPIOpenGLES1类似前几篇文章说的固定管线。而kEAGLRenderingAPIOpenGLES2和kEAGLRenderingAPIOpenGLES3，在这里使用哪个…
    OpenGL
  • 从0到1实现Web端H.265播放器：视频解码篇
    本文在这里就不对H.265做介绍了。感兴趣的朋友可以看下面的文章了解详情。（第一篇是我们在2019年3月发布的文章，距今已有2年，时间过得真快） 看了上面那篇2年前的文章应该清楚了浏览器对于H.265支持程度。好消息是经过两年发展，Webassembly发布了1.1版本，增加了…
    前端
  • FFmpeg时间戳
    FFmpeg内部有多种时间戳，基于不同的时间基准。理解这些时间概念，有助于通过FFmpeg进行音视频开发。 在我看来，FFmpeg有两个时间基准：AV_TIME_BASE和AVStream->time_base。 AVStream表示AVFormatContext中一条具体的流…
    FFmpeg
  • 优化Recorder H5录音：可边录边转码上传服务器，支持微信提供Android IOS Hybrid App源码
    最开始写Recorder的时候，只追求简短的语音录制，因此采用的是录音结束后一次性进行异步（setTimeout分片）转码，1分钟语音在pc端转码MP3花费100-300ms，移动端花费600-1500ms，体验上延迟不算大，并且代码逻辑很简单；如果使用Web Worker（多…
    前端
  • 前端利用Blob对象创建指定文件并下载
    Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob，继承了blob的功能并将其扩展使其支持用户系统上的文件。 array 是一个由ArrayBuffer（二进制数据缓冲区）、ArrayBuffe…
    JavaScript 前端 安全
  • HTML5网页录音和上传到服务器，支持PC、Android，支持IOS微信
    本文介绍的是我的一个开源js库Recorder，并利用它在网页上进行在线录音和上传到服务器。 本示例代码支持PC、Android、IOS(仅Safari)中使用，如果用RecordApp可增加对IOS(微信浏览器、小程序)的支持。 看万遍代码不如行动一遍，新建一个html文件，…
    前端
  • 如何实现前端录音功能
    前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而WebRTC已经得到了所…
    前端 WebRTC
  • IVWEB玩转wasm系列-揭秘wasm+h265直播播放器
    1. 背景知识 WebAssembly(以下简称 wasm）已经推出数年，很多优秀的开发者已经开始在他们的项目用用上wasm来提高密集运算下的代码性能，推荐阅读这篇文章来了解wasm是什么。 h265是什么？人们在音视频领域的不断探索得到了很好的反馈，两大视频标准制定组织ITU…
    WebAssembly
  • 看前端如何通过WebAssembly实现播放器预览能力
    最近，团队小组内部体验web浏览器上课的音视频播放功能，除了对比竞品，也对比了主流视频内容的网站平台。计划补齐和增强与播放体验相关的能力。 在鼠标进度条停留，不必跳转进度，即可展示所指画面。 在简单分析了B站、腾讯视频后，发现都是采取在上架视频时，由后台生成专门用来帧预览的组合…
    WebAssembly
  • 聊聊h5中的媒体播放器（定制播放器播放控件）
    那么定制媒体播放控件就可以通过一些属性来控制媒体播放、暂停还是播放进度之类的。 通过play和pause事件我们可以控制媒体的播放和暂停，并通过一个变量感知音频是否在播放，通过这个变量我们就可以变换我们的播放和停止图标了。 通过timeupdate可以实时获取音频播放时的进度，…
    Vue.js