推荐nodeppt:使用markdown语法来写网页ppt

nodePPT@三水清基于nodejs来写的网页PPT,之前的版本仅仅是html语法,现在可以支持通过markdown来写网页ppt了。

nodeppt Demo

查看demo:http://qdemo.sinaapp.com/

安装

nodeppt

npm install -g nodeppt

##使用nodeppt命令行

启动

nodeppt start -p port
# or
nodeppt start -p port -d path/for/ppts

创建

支持markdown语法快速创建网页幻灯片。

nodeppt create ppt-name

js模块并行加载器:MixJS

自己写了一个js模块加载器,所谓的并行其实也不完全是并行的,只是依赖关系模块是并行的。当然我知道现在有很多类似的js框架,而且MixJS也没有做更加全面的浏览器测试,只是跟我的意识写的一个加载器。

项目放在github上面:https://github.com/ksky521/MixJS
算是给2012年的一个总结。

简单说下功能

跟玉伯的Seajs不同,也跟CMD和AMD不同,我使用的是依赖关系明确的声明模块方式,这样减少了扫描代码读取依赖关系的方式,开发者虽然有了一定的束缚,但是总体来说,后期的维护成本,代码效率和实时combo、上线打包都会大大的降低成本。

MixJS介绍

轻量级前端模块化解决方案,提供模块管理、php实时合并、打包工具等方案。可以用于提供给第三方开发者使用的小组件,核心文件可以单独拿出来作为框架core,在此基础上可以开发出一整套的前端框架

MixJS还在开发完善阶段,未作完整兼容性测试,多数代码是出于解决问题的想法而写的,当然也copy了很多牛人的代码,比如cssload回调借鉴了seajs,Deferred来自于jQuery。。。。

。。。。鉴于最近前端圈比较乱,我的小手都开始颤抖,造轮子必然会被喷,我只能说我是根据自己的意识码了这些的代码,据此操作后果自负。。。。

0.2开发完成,现在开发基于0.2模块的开放平台部分代码,主要包括:Deferred(延迟队列)、API(API接口调用)、Widget(小组件)和XDomain(跨域)

模块加载不是单纯的文件加载,需要根据模块规范来写模块哦~

MixJS代码示例

参考github项目readme文件。

用途

关于MixJS的用途,主要解决是模块开发中的管理、加载。

我赞成使用MixJS是:细模块,粗文件。总体来看MixJS适合Widget开发、开放平台开放js开发,也适合作为模块管理器来打造更加强大的前端架构。

不多说了,吹嘘会被喷的,哈哈~

感谢

MixJS也借鉴了不少大牛的代码(嗯,你可以说是抄袭),感谢seajs,jQuery,mass,curl.js等作者。

开源个html5播放器

前言:人家都说没有几个项目在github,都不好意思说自己混前端的……

好吧,看见越来越多的人都推自己的github主页,我也把自己的之前写的一些东西整理下,从sae的svn迁移到github上,开了几个项目,虽然说代码的确乱糟糟的,但是也凑凑数吧,今天开源的是html5音乐播放器

html5音乐播放器

截图如下:

之前放出的是jquery版本的,见文章《写了一个html5音乐播放器》也整理到了这个项目中,文件夹是withjQuery内。

写了一个html5音乐播放器

昨天查了一些audio资料,自己写了个html5音乐播放器,后来写上瘾了,晚上折腾了一下加上了多首音乐支持、添加了循环模式,添加了进度,歌词等功能,界面仿得亦歌,可是一些icon还是比较难看,毕竟自己不会设计,呵呵,上面的歌曲都是通过goldwave转的ogg格式。访问地址:html5音乐播放器.

html5音乐播放器

代码还算简洁,javascript只用了400行左右,css和html也不是很多,后期如果找个视觉帮忙设计下界面就帅了,哈哈

主要功能:

  1. 支持音乐列表
  2. 支持歌词滚动
  3. 歌词实时显示到title
  4. 支持列表循环和单曲循环循环模式
  5. 支持音量调节
  6. 支持拖动改变播放进度
  7. 更多功能等你去发现哦

写的比较仓促,所有功能都是在一天内完成的,难免会有bug,欢迎拍砖

nodePPT — nodejs做的手机端控制PC端的PPT演示文档javascript框架

nodePPT使用nodejs写的,可以手机端控制pc端的演示文档框架。nodePPT是在webSlide基础上二次开发的,使用nodejs做服务器,通过websocket来实现手机端和PC的通信,主要功能是手机端可以控制pc端PPT播放进度,并且手机端可以给每张PPT做备注。

第一次做个程序的nodejs作品,并且测试时间比较短,肯定会有很多问题和bug,希望大家一起斧正。另外页面样式css高手可以自己写,包括动画自定义都可以在css文件中直接修改添加。

说明

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

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

使用说明

  1. 配置route.json
  2. 配置ppt的文件
  3. 启动node:node server.js
  4. PC访问:如127.0.0.1:3000/demo.ppt
  5. 手机端访问:127.0.0.1:3000/ctrl
  6. 手机端setup,选择控制用户后,开始控制

具体使用方法启动node server.js之后访问127.0.0.1:3000/index.ppt,里面有详细的介绍

快捷键

  • 空格/→/↓/Tab/pageDown:下一页
  • ←/↑/pageUp:上一页
  • P:开画板
  • C:清除画板

版本库地址