• This repository has been archived on 27/Feb/2019
  • Stars
    star
    858
  • Rank 53,134 (Top 2 %)
  • Language
    JavaScript
  • License
    GNU Lesser Genera...
  • Created over 13 years ago
  • Updated almost 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A Slides App based on HTML5

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
我们的邮箱:[email protected]
我的个人微博:@勾三股四

More Repositories

1

vue-mark-display

A Vue Component for Markdown-based Slides.
Vue
311
star
2

zhlint

A linting tool for Chinese language.
TypeScript
235
star
3

px2rem-loader

Webpack loader for px2rem css file
JavaScript
204
star
4

vue-a11y-utils

Utilities for accessibility (a11y) in Vue.js
TypeScript
121
star
5

vlite

A lite demo server, inspired by Vite
TypeScript
77
star
6

weex-x

JavaScript
58
star
7

vue-simple-compiler

A lib to compile Vue Single-File Component into plain JavaScript & CSS.
TypeScript
54
star
8

weex-template

JavaScript
38
star
9

v-dynamic-island

A Vue (3.x) implementation of Dynamic Island
Vue
31
star
10

rich-game

JavaScript
28
star
11

vue-keyboard-over

A Vue component that display pressed keys on the keyboard by the user right now.
Vue
26
star
12

webcomponents-demo

All demos I wrote about Web Components
18
star
13

mark2slides

A markdown-to-slides generator.
JavaScript
15
star
14

html5-slides-20110512

如何制作简易的HTML5幻灯片
JavaScript
14
star
15

996.band

Homepage of 996 Band
HTML
14
star
16

slides

My slides (generated by mark2Slides)
JavaScript
12
star
17

vue-a11y-examples

Examples for vue-a11y-utils
Vue
11
star
18

html5-player-20110610

JavaScript
8
star
19

vue-computed-array

A JS library to create a two-way computed array in Vue easier.
JavaScript
7
star
20

jie

基于 Polymer 的一套组件库,开发代号暂定为 JIE
6
star
21

vue-mark-preview

A web app to preview a markdown URL as slides.
JavaScript
6
star
22

pic360

Show panorama pictures in 360 degrees.
JavaScript
6
star
23

grunt-combo-html-css-js

Combine css links and javscript files to html file with inline tags automatically
JavaScript
5
star
24

wcag20-techs-contents-cn

Techniques for WCAG 2.0 目录的中文翻译
4
star
25

jinjiang.github.io

Jinjiang's dev site
4
star
26

zorro

A web components framework & gallery
3
star
27

jie-dialog

3
star
28

vue-typed-style

JavaScript
3
star
29

jie-progress

2
star
30

source-map-view

A web app to view source code and source maps side-by-side.
TypeScript
2
star
31

try-nuxt

Vue
1
star
32

jie-btn

1
star
33

jie-icon

1
star
34

jie-dock

1
star
35

jiongks

My Chinese blog
JavaScript
1
star
36

translation-workflow-demo

JavaScript
1
star