Skip to content
This repository has been archived by the owner on Feb 27, 2019. It is now read-only.

Jinjiang/h5slides

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

H5Slides

注意:该项目以不再维护,同时欢迎继续关注 v-mark-display —— 一个新的可以利用 Markdown 文本展示幻灯片的 Vue 组件。


H5Slides希望通过HTML5的技术,成为用户编辑、播放、控制幻灯片这一系列行为的全套方案的提供者。幻灯演示将会变得更自如,更轻便,更开放,更易于分享。

特点

  1. 它是HTML5的!
  2. 我们不需要臃肿的Powerpoint也可以自由的制作和演示幻灯片
  3. 我们可以自由的在各种设备上进行幻灯演示
  4. 我们可以自由扩展幻灯片的制作工具和播放环境
  5. 它可以很自由很方便的传播

它不是……

  • 它不是个重量级选手
  • 它不是个全能型选手
  • 它不是PPT,而是H5Slides

运行方式

运行环境

H5Slides目前仅支持webkit内核浏览器,PC、Mac端经过本人测试的包括最新版的Safari/Chrome/Maxthon,iOS端仅支持iOS6以上版本(因为可以导入相册图片或相机拍照)。
兼容更多的浏览器和操作系统需要一个过程,也希望大家可以踊跃参与,贡献代码 :-)

运行步骤

  1. 用浏览器打开源代码中的index.html即可运行;
  2. 在新打开的界面中,我们可以自由编辑幻灯片的内容和样式;
  3. 点击右上角的“Preview”(预览)按钮,可以进入播放器模式,播放我们之前编辑好的幻灯片;
  4. 如果想重新编写一个全新的幻灯片,可以点击右上角的“Reset”(重做)按钮。

我们的计划

H5Slides还是个很初级的WebApp,我们希望大家可以一同参与其中,共同打造我们自己的幻灯演示平台!
同时,H5Slides也是一块HTML5的试验台,很多新的特性、规范、库和框架都可以在这个平台上得以实践,比如:

  • css 3 transformation
  • css 3 flexbox
  • fullscreen api
  • web storage
  • knockout.js
  • bootstrap
  • require.js

欢迎为我们push代码,如果希望更深入的交流,可以随时与我们取得联系

我们的联系方式

我们的github页面:https://github.com/Jinjiang/h5slides
我们的邮箱:h5slides@gmail.com
我的个人微博:@勾三股四