JavaScript 视频播放 canvid.js

码农软件 · 软件分类 · 多媒体处理 · 2019-09-13 11:13:54

软件介绍

canvid 是个极小依赖的库,可以在 canvas 元素上播放相对较短的视频。

  • 为什么不直接使用 HTML5 视频?
    因为不能嵌入或者在 iOS 自动播放 HTML5 视频

  • 为什么比使用一个动态 GIF 更好?
    视频转换成 GIF

     效果特别不好,因为颜色的取样关系。同时,视频 GIFs 的大小非常大。GIF 不能转换成视频,动态 GIFs 不能控制播放,不能暂停或者播放,或者延迟播放。

  • 为什么只是 "相对较短" 的视频?
    iOS 限制图片的大小上限

  • 为什么没有音频?
    canvid 不支持音频,因为动态 GIF 也不支持

安装

npm

$ npm install --save canvid

git clone

$ git clone git@github.com:gka/canvid.git

使用

可以在 AMD,CommonJS 和浏览器全局中使用 canvid.js

var canvidControl = canvid({
    selector : '.video',
    videos: {
        clip1: { src: 'clip1.jpg', frames: 38, cols: 6 },
        clip2: { src: 'clip2.jpg', frames: 43, cols: 6, loops: 3 }
    },
    width: 500,
    height: 400,    loaded: function() {
        canvidControl.play('clip1');        // reverse playback
        // canvidControl.play('clip1', true);
    }
});

本文地址:https://www.codercto.com/soft/d/14497.html

计算机算法基础

计算机算法基础

余祥宣、崔国华、邹海明 / 华中科技大学出版社 / 2006-4 / 29.80元

《计算机算法基础》围绕算法设计的基本方法,对计算机领域中许多常用的非数值算法作了精辟的描述,并分析了这些算法所需的时间和空间。《计算机算法基础》可作为高等院校与计算机有关的各专业的教学用书,也可作为从事计算机科学、工程和应用的工作人员的自学教材和参考书。一起来看看 《计算机算法基础》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具