js实现同步服务器目录
最近买了一台16G的Ipad2 想用Ipad看视频但又舍不得把内存都浪费在视频上, 想起一方法,利用自身的优势做一个网页来同步Webapps下的目录, Ipad中用的是Safari浏览器,它支持HTML5的Video 标签 (只支持MP4格式的视频),这样就好办了只要我将Src属性指向我webapps下的mp4文件 就能播放了.
但是我想做的灵活一点,好用一点 我想在页面上显示我webapps下的目录,点击任意mp4文件就能播放,点击文件夹进入文件内部. 这些功能都在同一个页面内实现,这样少不了用大量的Js ,Ajax也要用到. 与其乱写一通倒不如对上述功能封装成几个JS类供自己调用(先声明本人是菜鸟,希望各位看了能提点意见).
下面是我的思路:
需要建立三个类 : Video 主要用来实现播放视频,切换视频以及视频 连续播放 以及一些需要用到的媒体事件等功能
Stroe? 用来存储当前目录的视频 以供Video类使用
GpsDirectory 用来同步服务器目录 根据目录中的内容改变stroe中的资源
以下是今天写的代码(不全,等整好会补全的)
?
?测试代码:
<html>
? js代码:
?
?
上述代码我只做了部分功能,以后会全部实现的
至于GpsDirectory 类 还没来得及写? 不过已经构思好了
如图:
实现功能:类似Win7中导航栏?
?
