# h5slides

**Repository Path**: mirrors/h5slides

## Basic Information

- **Project Name**: h5slides
- **Description**: H5Slides 是基于HTML5技术的幻灯片编辑、播放、控制的全套方案
- **Primary Language**: JavaScript
- **License**: LGPL-3.0
- **Default Branch**: legacy
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2017-08-02
- **Last Updated**: 2026-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# H5Slides

注意：该项目以不再维护，同时欢迎继续关注 [v-mark-display](https://github.com/Jinjiang/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](https://github.com/Jinjiang/h5slides)  
我们的邮箱：[h5slides@gmail.com](mailto:h5slides@gmail.com)  
我的个人微博：[@勾三股四](http://weibo.com/mx006)