概论

电子相册,顾名思义是指在电脑、手机等终端上欣赏照片的技术形式,区别于单个视频或静止图片,电子相册具有更好的互动体验和展现效果,其内容不局限于摄影照片,也可以包括各种艺术创作图片。电子相册具有传统相册无法比拟的优越性:图、文、声、像并茂的表现手法,随意修改编辑的功能,快速的检索方式,永不褪色的恒久保存特性,以及廉价复制分发的优越手段。

技术实现

电子相册分为两种,一种是软件类型的电子相册,一种是硬件类型的电子相册,我们主要探讨软件电子相册的实现方法。

软件电子相册的开发,根据面向终端的不同,选择的开发工具也不同,通常Windows平台的电子相册会采用微软的Visual Studio开发套件,譬如VC或VB开发工具,如果要跨平台,在Mac,Linux电脑上使用,一般会采用QT进行开发。采用这两种工具的问题是开发工作量较大,照片的展现效果也有限,要开发一个新的展现效果,通常要搜索很多界面库,集成麻烦,扩展很难。

更新的技术方案是采用标准HTML5技术开发电子相册,使用HTML+CSS3+JS可以实现非常酷炫的照片展现效果,而且扩展起来和修改起来非常方便,前端工程师都可以搞定。相册测外壳程序,一般是使用Chrome的CEF项目,裁剪出一个简单的浏览器外壳进行包装。使用CEF项目,多少需要程序员具有一定的C++语言基础,并能够使用VC和QT进行编译。

更简单的方法是采用ElectronJS开发框架,特效依然采用HTML+CSS3+JS,而外壳则采用Electron的窗口界面,所有开发工作前端工程师都可以搞定。

案例软件

采用Electron技术实现的电子相册常用的是动屏相册,可以到网上免费下载使用。

该相册采用HTML5技术实现图片播放,具有多款3D展示特效,而且在断更新中,实现效果非常棒,既是锁屏,又是时钟,又可以欣赏照片,同时可以定期锁屏提示你进行休息,避免久坐。

实现漂亮的3D电子相册_html5

星空效果-星际迷航

实现漂亮的3D电子相册_html5_02

星空效果-荣光时刻

实现漂亮的3D电子相册_html5_03

3D效果-表白立方

实现漂亮的3D电子相册_电子相册_04