MENU

DIY一个流光溢彩显示器

• March 16, 2020 • Read: 3759 • Windows,源码分享,技术分享

前言


最近,在b站上看到不少人用led灯配合arduino做出了流光溢彩效果,所以,也就有了这篇文章,自己DIY一个流光溢彩显示器。其实很早以前,飞利浦电视就发布了流光溢彩技术,通过在电视的两侧增加了两个灯管,使灯管的发光色彩可以随着电视内容的色彩同步变化,从而营造出一个由液晶屏幕为中心,向两边进行扩散的视觉效果。

效果

首屏.jpg

需要准备的材料


注意:如果你是小白建议把必须和可选的东西全买,会焊接除外。所有材料我已经在每个图片下面放上淘口令了,以防买错!

1.Arduino nano (必须),用于处理电脑传出的数据并传入led灯中,选择已焊接usb的版本,接口为miniUSB,不是手机常用的microUSB,建议买带线版本(需支持Old Bootloader)。

nona.jpg

₤KtSk1Sclald₤

2.WS2812B灯带 (必须),选择滴胶版本,背面有双面胶,但是粘性较低,可以自己买双面胶贴上。关于长度,一般只贴左右和上边,对于24寸的显示器,1米足够,如果更大或者是带鱼屏,两米最好。而灯珠数呢,灯珠越多,显示的效果越好,但耗电也越多。灯带是5V的,每颗灯珠需要0.06A,所以30颗灯珠功率就是9W,灯带的供电方法有两种,一种是USB供电,一种是DC供电。一般的USB孔的充电功率为10W左右,可以不需要买额外的充电器。如果是60颗灯珠,功率就是18W,电脑上的USB孔是不行的了,只能用手机的快充头或者DC充电器。24寸的显示器选择30颗就行了,不过我还是买的60颗为了好的效果嘛。

led灯.jpg

₴T0sU1SclXGx₴

3.SYB-170迷你微型面包板 (可选,买Arduino nano好像送一个可以问问客服),这个尺寸刚刚好,就是用来接线的。

面包板.jpg

₴NRm71SclEGY₴

4.公对公杜邦线 (可选),也就是两边都是针的,长短都行,我上次做迷你气象站还没用完。买来有一大把,只用得上两根,用这个方便接线而已,小白还是买吧。

线材.jpg

₤8FP71ScOd49₤

5.DC充电器 (可选),我用的DC供电,所以必须买这个,60颗灯珠选择5v3A的就行,平时亮度不开最大,15W足够了,用DC电源的好处也是接线方便。

DC电源线.jpg

¢2J2b1Scl5zU¢

6.DC母头 (可选,买DC充电器好像送一个可以问问客服),用于连接充电器和led灯的,不用DC电源的可以不用买

DC头.jpg

₳x7li1SclPP9₳

7.需要的一些软件,点击直接下载,都下起了,就是下面这些个东西(仅支持Windows),至于MAC系统可以百度参考一下,本人测试了一下也是可以的
Arduino IDE 驱动、源码和桌面端控制软件

接线教程


先了解一下led灯带的构成

灯带主要由一条由红白绿构成的主线和一条额外的红白线组成

两端有连接器,一端是公头,一端是母头,如果是多条led灯带,可以将两端连接起来。如果灯条长了,也可以剪去多余的部分(记得剪灯珠之间的那一截,然后把连接器接上就行,不过最好剪公头那一端的)

母头是数据输入,用来连接ardunio,公头不用管

红线是正极,白线是负极,绿线是数据线

多出的红白线是电源线,公头那一端的红白线连接电源,由于我是用的DC电源,所以只需要连接上DC母头就行,如果使用USB电源,直接把USB线的正负极对应接上去就行。母头那一端的红白线,用电胶布或者是普通的透明胶布正负极线分别缠上,避免短路

接线.jpg

连接DC母头

公头那一端的红白线来连接DC端子的母头,DC端子上有两个小按钮,按下的同时把线插进去就行 DC端子背面写了正负极的,对应插进去

使用时把DC电源线插到DC母头就行

接线2.jpg

连接ardunio

面包板和杜邦线的作用就出现了

面包板分为左右两边,把ardunio插到中间就行,需要用点力。每一边的5个孔共用一块铁板

母头有三个孔对应这红白绿三条线,绿线对应的孔通过杜邦线插入D5对应的孔,那一列的孔都行(因为我给的配置文件是D5,可自定义),白线对应的孔插入通过杜邦线插入GND对应的孔

接线3.jpg

ok,到此,接线完毕了,然后把LED灯带贴到显示器背面,接下来就是在电脑上操作了

烧录Ardunio


安装ardunio驱动和IDE

就是这两个玩意儿,上面的下载链接都有的 - CH341SER.EXE - arduino-1.8.9-windows.exe

无脑安装就行,然后就可以把ardunio连接到电脑上了

先查看下ardunio是几号端口 查看方法:按WIN+X,选择设备管理器,查看端口,CH340即为ardunio,我这里是COM3,记住 注意:不同的USB口的端口是不一样的,所以每次最好插入同一个USB口

COM3.jpg

设置ardunio IDE

打开ardunio的程序,顶栏工具选项中,将下面三个选项修改成我这样,端口根据实际情况修改

v2-7f49bcf973b1b56cba0c13e509035d14_720w.jpg

安装FastLED库

打开ardunio的程序,顶栏项目-加载库-管理库,进入后等待索引加载完毕,然后搜索FastLED,安装即可(版本选v3.1.6,我装3.3的写不进去!!!)

写入源码,烧录ardunio

将我给的led源码复制进编辑器中,根据实际情况修改,之前插入D5孔的就不用改第二项。灯珠的数量根据使用量而定,用了多少颗就是多少颗!

v2-92eb2f6d8125d403892abd2e4a7f8722_720w.jpg

然后编译验证,如下图,成功后上传即可(顶栏下面的几个图标,第一个是验证,第二个是上传)

提交.jpg

安装控制软件并配置


安装Prismatik控制软件,一路next就行,安装完成后,会弹出配置页面,前两个直接next,到填com端口时,根据实际情况填写

安装.jpg

下一个又是next 最后就是叫你设置灯珠的位置 (非常重要) 建议使用Custom,根据自己贴的,上面多少颗,左右两边多少颗填写。我就是上面28颗,左右16颗,然后每一块的宽度和高度都有可以调节,自己瞎玩就行 大体位置设置好了就行,以后还可以慢慢调节。
配置.jpg

正常情况就完成了,灯带接上电源就可以工作了!

额外的一些配置

  • 可能有人不会进入Prismatik这个软件 双击桌面图标后,在任务栏图标上右击选择setting即可进入
  • 可能有人安装Prismatik时最后并没有弹出我说的配置页面 setting进入软件后,Device - Run configuration wizard即可
  • 可能有人一切都搞定了但是灯没亮,FPS显示为0
  • setting进入软件后,Profiles - Expert Mode,然后左边会出现Experimental图标
  • 然后如下操作
    配置2.jpg
  • 可能有人想重新调整一下格子的大小,操作如下,宽度和高度根据分辨率和灯珠数量自行调整
    配置3.jpg
  • 可能有人觉得怎么黑色的时候会亮白光 这个为了保护你的眼睛,调整Mode - Eye care settings,调到最低,黑色的时候就不发光
  • 另外,mode中提供三种模式,自己尝试吧
  • 随屏幕画面
  • 不停随机改变颜色
  • 随声音强弱

看一下视频效果吧,我电脑太丑啦!放一个网上的视频吧。

总结


我一整套下来是50RMB左右,效果还是不错滴。打LOL的时候如果技能,放到屏幕边缘LED也会触发。瞬间战斗力+100

参考链接 显示器供电

Last Modified: July 21, 2020
Leave a Comment

30 Comments
  1. Tony Tony

    请问大佬,平时使用的话nano是需要mini-usb连接到电脑usb上的吧,包括dc电源线也有部分露在外面,想看看你的走线。还有,机箱远点的话是需要长的usb线的吧。

    1. @TonyUSB需要一直连接到电脑上的,电源线看你的需求了,不够长的话就自己接个dc母头。走线没什么的,怎么好看怎么来,我的那个已经拆掉了,换电脑没时间装呢还。

  2. 萤火虫 萤火虫

    我试了一下,有两个问题,第一个是fishled库,安装后,选择不了,第二个是,LED源码出现错误,我应该怎么解决呢

    1. @萤火虫fishled库的问题 版本选 v3.1.6。源码是出现什么问题或者你把源码的中文注释删掉。还有就是可以烧录吗。

    2. 萤火虫 萤火虫

      @AnJL你看方便加个微信么,307888503

  3. 萤火虫 萤火虫

    能请教一下么 ,有没有1米30灯和5米150灯公用一个程序?

    1. @萤火虫是的,这个软件里面可以调整灯的数量

  4. feiyang feiyang

    我用的arduino D1 (带wifi) 显示编译错误怎么解决啊

    1. @feiyang这个代码应该不同,建议用nona

  5. 谢彬彬 谢彬彬

    大佬 可以参考你的文章做成视频吗 我急自也想搞一个

    1. @谢彬彬我已经做过了,没办法做视频,你要做我可以教你,特别简单。

    2. 彬彬 彬彬

      @AnJL。我是想拍我制作的视频日志。想引用你的文章内容@(吐舌)。

    3. @彬彬我淦,那你自己录

    4. 彬彬 彬彬

      @AnJL哈哈。我那放心搞了

    5. 谢彬彬 谢彬彬

      @AnJL请教一个问题 所有的都设置好了 怎么把软件设置开机自启

    6. @谢彬彬好像没有这个功能把,我也想设置开机自启

    7. 谢彬彬 谢彬彬

      @AnJL研究出来了 把快捷键复制一份到开始菜单的“启动”文件夹

    8. 谢彬彬 谢彬彬

      @谢彬彬搞出来了 播放量很惨

    9. 谢彬彬 谢彬彬

      @AnJL我发现你的文稿里没有安装LED灯的步骤 然后我的视频里也没有@(小乖)

    10. @谢彬彬安装led很简单 贴上去就行,我昨天晚上看到了,我给你引用一下

    11. @谢彬彬怎么给删掉了呢

    12. 谢彬彬 谢彬彬

      @AnJL我换了个分区重新传 估计晚上才能审核过

  6. 会玩,有机会试一试@(滑稽)

    1. @Gitiu's Blog#(赞一个)