jquery音乐播放器;js实现音乐播放器完整界面 收藏 0

最近特火的一个免费开源项目，NAS上部署互联网操作系统『Puter』

本内容来源于@什么值得买APP，观点仅代表作者本人 ｜作者：Stark-C

哈喽小伙伴们好，我是Stark-C~

最近在G站有个项目特别的火，它便是今天要说的『Puter』。开源不到一周 ，star 数就已接近 7k，非常恐怖的存在。不过需要说明的是，其实Puter并不是一个新项目，根据作者自己的描述，它已经开发了 3 年，并且使用人数已经超过 100 万用户。

PS:开始之前说个有意思的小插曲，这篇文章本在一周前就已经写好了，本来标题起的是“火的一塌糊涂”，有点遗憾的是还没等我发出来，老马的Grok项目在前两天也开源了，结果大家都知道，所以这个殊荣只能让一让了~哈哈。

Puter是一个非常牛批的免费开源互联网操作系统，拥有完整的操作系统桌面环境，它可以用于构建远程桌面环境，也可以作为云存储服务、远程服务器、Web 托管平台等的界面。

按照官方作者自己的描述，Puter的特性如下：

1.丰富的功能： Puter 提供了一个完整的基于 Web 的桌面操作系统，具有多种功能，包括文件管理、应用程序运行、组织工作环境等，使用户可以在浏览器中完成多种任务。

2.高速运行： 由于采用原生Java和jQuery，并直接与DOM互动，Puter保证了系统运行速度的快速和高效，用户能够快速响应和操作系统各项功能。

3.可扩展性强： Puter具有高度可扩展性，用户可以根据自己的需求和偏好对系统进行定制和扩展。这使得用户能够根据个人需求定制自己的桌面环境。

4.轻松入门： 项目提供了详细的说明和指南，使用户可以轻松入门并开始使用 Puter。这降低了新用户的学习曲线，使他们能够快速上手并享受桌面操作系统的便利。

5.跨平台兼容性： 由于基于 Web 技术构建，Puter 具有良好的跨平台兼容性，可以在不同操作系统和设备上运行，为用户提供了更广泛的应用范围和灵活性。

6.支持很多游戏: 支持多款游戏,可以直接在网页运行。

至于它的使用场景如下：

提供替代 Dropbox、Google Drive、OneDrive 等工具的新颖界面且功能强大的平台

为服务器和工作站提供远程桌面环境，便于远程访问和管理

作为构建和托管网站、网页应用、游戏的平台，提供便捷的界面和服务

为学习关于 Web 开发、云计算、分布式系统等知识的开源项目和社区提供支持

由于目前Puter官方还没有直接将成品镜像放出来，但是提供了完整的仓库（包括Dockerfile），所以我们可以根据Dockerfile里面的代码自己构建镜像。操作步骤如下：

我们先去作者的G站主页将Puter的整个仓库下载下来并解压。

PS：其实老玩家也可以直接通过Dockerfile构建，只不过需要下载一些依赖环境可能需要某些网络支持。但是考虑到很多小伙伴都没有这个条件，所以建议大家还是按照我接下来的方法进行。

然后我们在NAS上随便创建一个文件夹，将上步解压出来的所有文件上传进来。比如我这里直接在我NAS的Docker目录下新建了一个“puter”的文件夹，然后将解压之后的所有文件都上传过来。

使用SSH终端工具连接到NAS之后先启用root模式（“ sudo -i ”），接着输入命令“cd 你puter文件夹的路径”。（意思是进入puter文件夹）

然后输入构建镜像命令“docker build -t 镜像名字 .”，镜像名字你可以随意命名，我这里就直接命名“puter”了。（请留意命令最后还有一个点）。因为“puter”文件夹中拥有完整部署环境，所以镜像的构建还是很快的。

最后直接输入容器的部署命令即可：

docker run -d –name puter -p 4000:4000 镜像名字:latest

命令中你可以根据自己的需求修改下端口映射，其它也没啥可修改的了。因为镜像已经存在于我们NAS本地，所以容器部署起来非常的快！

通过Portainer的容器列表，可以看到puter已经跑起来了！

至于打开方式就和我们平时在NAS上打开Docker容器的方式一样。直接在浏览器中输入 【http:// NAS的局域网IP:端口号】 就能看到界面了。

界面非常的干净清爽，感觉同时有Mac和Win的影子，有点意思~

原生支持中文好评！可以直接在右上角的个人用户那里设置语言即可。

还可以创建自己的账户。

和Win一样，点击“开始”按钮能打开自带的应用程序，目前自带的程序也有而是好几个。

嫌少了？没关系，它竟然自带了一个应用商店（App Center），里面有很多各种应用甚至游戏可以直接安装。

里面自带一个类似于Win的制图软件。

当然也少不了一个记事本。

更爽的是它竟然可以直接通过拖拽的形式将我们电脑的文件直接拖到它自己的系统内，就像我们操作NAS的文件管理器一样，非常的方便！

还有更绝的我竟然用它的内置播放器看完了《阿凡达》。

不过需要说明的是它它默认提供给我们的内存空间只有500M，并且还是云存储。但是可以通过邀请获得更大的空间（也不知道是国内的某云盘学的它，还是它学的国内某云盘)。

里面直接开玩《我的世界》，上班直接就能Get起来，老板在也不用担心我上班没事干了~

还有一个类似于《水果忍者》的游戏也是特别的好玩，音效也特别的赞~我已经玩的停不下来了。

OK，暂时就说这么多，它还有更多更好玩的功能，就等你们自行部署挖掘吧！

今天这个项目确实挺好玩的，我们完全可以将它看作一个部署在我们的NAS上，通过浏览器直接打开的完整桌面操作系统，唯一吐槽的就是它的云存储不是很方便，如果能直接启用NAS存储空间就完美了。不过它目前自带应用市场，里面内置的应用程序也非常多，简单的生产力，以及多个游戏，还是值得体验一下的。

OK,，如果你想体验NAS的更多折腾乐趣，X86平台绝对是你的不二选择：

好了，以上就是今天给大家分享的内容，我是爱分享的Stark-C，如果今天的内容对你有帮助请记得收藏，顺便点点关注，咱们下期再见！谢谢大家~

10个帅酷的HTML5最新动画应用

1、HTML5人物跑步动画

记得之前给大家分享过一款HTML5人物行走动画，效果非常震撼。今天要介绍的HTML5动画更加炫酷，是一款基于HTML5的人物跑步动画特效，在这款人物跑步动画中你可以点击按钮来切换人物手中拿的武器，效果非常逼真。

2、纯CSS3实现眨眼动画 超逼真

我们在不久前分享过很多纯CSS3实现的人物和动物动画，每一款动画的效果都非常不错。今天我们要分享一个纯CSS3实现的眨眼动画，其动画效果超级逼真，拿它来做动画人物的眼睛非常适合，这款CSS3眨眼动画完全用CSS3绘制，并没有使用图片。

3、HTML5 3D立方体图片切换动画

今天我们要来分享一款HTML5图片切换动画，该HTML5动画主要是将图片分成几个块，切换时每一个块都会以3D立方体的形式过度下一张图片，立方体的打散和聚合动画都非常酷，你可以在JS文件中配置图片的路径和切换的数量，相当灵活。

4、CSS3简易清新的下拉菜单

对于CSS3菜单我们已经在以前分享过很多了，有华丽的动画菜单，也有冲击视觉的3D菜单，今天要介绍的是一款简易而实用的下拉菜单，绿色的主题风格，让菜单的外观看上去非常清新，下拉菜单的颜色和主菜单的颜色搭配也非常不错。

5、HTML5/jQuery迷人音乐播放器jPlayer

今天我们要来分享一款非常精巧的jQuery音乐播放器插件jPlayer，这款jQuery音乐播放器的外观非常迷人，可以自定义漂亮的播放器背景图片，而且播放器需要的功能它都齐全，更完美的是，这款jQuery音乐播放器还支持分享至社交网站。

6、HTML5自定义背景图片的文字特效

在HTML5和CSS3标准出来之前，文字的背景只能是纯色，更不用说是自定义背景图片了。然而，强大的HTML5不仅让文字背景支持渐变颜色，而且支持自定义的背景图片，这些图片就像遮罩层，让文字的背景变得丰富多彩。

国外非常流行的响应式jQuery视频和音频播放器插件！

今天，我们中的大多数人上网娱乐。无论是在线观看电影、视频或从您的Web浏览器播放歌曲，有插件，可以帮助你轻松和方便收藏最喜爱的视频。这里我们介绍国外流行的10个响应jQuery影音播放器插件来提高你的娱乐以及简化使用。只要安装这些插件体验国外流媒体视频或听在线音乐的是不错的选择。

1.Kast

HTML5电台播放器，允许访问者在台式机，平板电脑和移动设备上使用。

2.Animated Audio Player（带有动画效果的音频播放器）

3.Native Flash Radio(Flash动画广播)

允许你快速响应和组织跨平台无线流展示在网页上。

4.Vimuse

jQuery的插件，一个音频和视频接口。可以选择播放音频/视频文件或视频从YouTube和Vimeo、DailyMotion甚至Shoutcast / icecast上。

5.HTML5 Image Video Audio Gallery（HTML5视频音频库）

支持混合音频、图像和视频在任何命令来创建任何类型的媒体序列。

6.Clarity Music Player（清晰的音乐播放器）

一个jQuery插件在每一个屏幕的清晰度，易于定制，拥有广泛的API。

7.YouTube And Vimeo Video Player

进YouTube的首选。

8.Royal Video Player

Royal Video Player一个功能强大的视频播放器，可以播放本地响应视频，视频流从服务器或YouTube视频。

9.3D HTML5 video player with filters（3D效果HTML5视频播放器）

一个jQuery插件添加3D互动HTML5视频到网站和网络应用中进行播放。

10.Royal Audio Player

Royal Audio Player一个功能强大的MP3播放器响应HTML5网站运行在所有主流的浏览器和移动设备上，如iPhone，iPad，iOS，Android和Windows8。

更多请关注我们的公众号

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com