H5slides
A Slides App based on HTML5
Install / Use
/learn @Jinjiang/H5slidesREADME
H5Slides
注意:该项目以不再维护,同时欢迎继续关注 v-mark-display —— 一个新的可以利用 Markdown 文本展示幻灯片的 Vue 组件。
H5Slides希望通过HTML5的技术,成为用户编辑、播放、控制幻灯片这一系列行为的全套方案的提供者。幻灯演示将会变得更自如,更轻便,更开放,更易于分享。
特点
- 它是HTML5的!
- 我们不需要臃肿的Powerpoint也可以自由的制作和演示幻灯片
- 我们可以自由的在各种设备上进行幻灯演示
- 我们可以自由扩展幻灯片的制作工具和播放环境
- 它可以很自由很方便的传播
它不是……
- 它不是个重量级选手
- 它不是个全能型选手
- 它不是PPT,而是
H5Slides!
运行方式
运行环境
H5Slides目前仅支持webkit内核浏览器,PC、Mac端经过本人测试的包括最新版的Safari/Chrome/Maxthon,iOS端仅支持iOS6以上版本(因为可以导入相册图片或相机拍照)。
兼容更多的浏览器和操作系统需要一个过程,也希望大家可以踊跃参与,贡献代码 :-)
运行步骤
- 用浏览器打开源代码中的
index.html即可运行; - 在新打开的界面中,我们可以自由编辑幻灯片的内容和样式;
- 点击右上角的“Preview”(预览)按钮,可以进入播放器模式,播放我们之前编辑好的幻灯片;
- 如果想重新编写一个全新的幻灯片,可以点击右上角的“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
我的个人微博:@勾三股四
Related Skills
node-connect
343.3kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
92.1kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
343.3kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
343.3kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
