webSlide

程序名称:webSlide

授权协议: 未知

操作系统: 跨平台

开发语言: JavaScript

webSlide 介绍

webSlide — PPT演示文档javascript框架

webSlide是用于在线PPT演示文档的javascript框架

鸣谢

webSlide的想法来自于impress.js,但是本人在使用过程中发现impress.js经常卡,尤其是当演示文档页面和图片比较多之时,经常出现动画效果不流畅。

写webSlide代码过程中,研究过impress.jsreveal.js,向两位作者表示感谢。

演示页面

演示页面地址http://ksky521.github.com/webSlide/,由于页面比较多,所以需要一定的加载时间。

国内可以访问SAE上的演示页面:http://qdemo.sinaapp.com/ppt/udc.htm

演示页面内容为给公司UDC部门同事进行javascript入门培训的内容~

说明

因为是PPT演示文档,所以需要投影仪分辨率,所以演示页面的最佳分辨率为全屏模式下的 1024*768 ,如果在自己电脑上查看,可以通过 ctrl + - 和 ctrl + + 缩放到合适的比例查看效果。

建议浏览器chrome 16+,全屏模式(F11),以达到最佳动画效果。在Firefox下会出现拖尾现象,个人认为是Firefox
8下对CSS3动画效果渲染太慢导致,其他浏览器未测试。

使用示例

wSlide({
    slideId:'slide',//演示文档id
    canvasId:'myCanvas',//画板id
    ctrlId:'slideCtrl'//控制部分id
});
  • slideId: 演示文档内容部分ID,class为step为每页,slide为带边框的页面, 必填

  • canvasId: canvas元素画板部分ID, 选填

  • ctrlId: 控制部分ID,class为home代表返回首页,class为paint开启画板,class为clearIt清除画板,
    选填

  • presentClass: 当前幻灯片class, 选填,默认为present

  • pastClass: 上一页幻灯片class, 选填,默认为past

  • futureClass: 下一页幻灯片class, 选填,默认为future

快捷键

  • 空格/→/↓/Tab/pageDown:下一页

  • ←/↑/pageUp:上一页

  • P:开画板

  • C:清除画板

版本库地址

支持三种访问协议:

  • HTTP协议: https://ksky521@github.com/ksky521/webSlide.git 。

  • Git协议: git://github.com/ksky521/webSlide.git 。

  • SSH协议: ssh://git@github.com:ksky521/webSlide.git 。

克隆版本库

操作示例:

$ git clone git://github.com/ksky521/webSlide.git

联系方式

作者博客:js8.in

作者新浪微博:@三水清

webSlide 官网

https://github.com/ksky521/webSlide

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


MuPlayer 是一款跨平台、轻量级的音频播放解决方案,是百度@音乐前端团队开发维护的浏览端音频播放内核,它基于HTML5
OS FLV 是一个 开源和可嵌入网页的flv播放器。 这个播放器拥有大量的选项可以通过嵌入代码进行设置.
DewPlayer音乐播放器,样式很简单,而且很实用.播放器可以根据自己的喜好改变颜色,也算比较个性化吧.但唯一的不足就是只支持MP3格式的音乐。
JW FLV MEDIA PLAYER是一个开源的在网页上使用的Flash视频、音频以及图片播放器,支持 Sliverlight
Speakker 是一个基于 Web 浏览器的音乐播放器,只提供很多高级播放功能包括播放列表管理和分享。
Player Framework 是一个开源的支持 HTML5 的视频播放器框架,同时也支持 Silverlight 和 Windows Phone
Sewise Player是一款专业的免费网页视频、流播放器,它功能强大,体积小,跨平台,使用方便简洁、随心所欲:
SoundManager 2 利用 HTML5 和 Flash 技术提供了稳定和阔平台的音乐播放功能,只有 10K 的 JS 包。
xPlayer v1.0 特性: 文件大小 9.78kb; 可以自定义皮肤; 3.支持 http 和 rtmp 视频; 4.音量调节,全屏播放,拖拽播放;
XPlayer 豆瓣音乐播放器 特点: 1.自动侦测Douban网页的歌曲 2.Douban网页关闭,歌曲能够继续播放
歌词 插件 最新更新,扩展性能稍微有点提升了, 不多说了,更多敬请查看首页http://luochunzong.sinaapp.com/?p=84
ABPlayerHTML5是一个在HTML5下的弹幕播放器(同步显示视频于评论)实现。类似功能的播放器可以参考基于Flash的MukioPlayer和PADPlayer。
AudioPlayer.js 是一个 jQuery 的插件,实现了 HTML5 的音乐播放器,无需任何图片,实现了响应式布局,支持触摸操作。
替换中国大陆主流视频网站的 Flash 播放器为 HTML5 播放器 使用 Mac 的同学都可能碰到过在线看视频引起机子风扇狂转、机身发烫等情况,这是因为 Flash 占用了过多系统资源的缘故。
AetherPlayer 是一个类CD的轻量HTML5播放器,特别适合博客及个人站点使用。它漂亮得不像……咳,这边吹牛的话就不说了。
专注、极致、智慧,国内外为数不多不依赖开源框架、跨平台(windows/android/iOS)、公网推送(支持rtmp)-播放(支持rtmp/rtsp)业界真正靠谱 的超低延迟。
node-kugou-client 是 Node.js 酷狗客户端。 安装 npm install node-kugou-client 使用 var kugou = require(\"node-kugou-client\");
Youku HTML5 播放器扩展 —— 告别 flash 和广告 关于官方内测 html5 播放器 Firefox ( xpi 直接安装) ( firefox 50.0+)
Chimee 由奇舞团研制的 h5 播放器,它支持 mp4、m3u8、flv 等多种格式。通过插件式开发,能满足业务方快速迭代、灰度发布等要求。让开发者能够轻松快捷地完成视频场景的开发。
OneVideo是一款基于OneBase+UniApp开发的小视频播放移动应用。