5个小视频替你说出心里话，含源码

今天情人节是不是被撒狗粮了呢，朋友圈各种各样的秀，也看惯不惯了，我们来看几个别样的小视频，让他们秀去吧！

用js写的小程序，5个效果分别如下，请扫描小程序观看，文末附部署说明及源码获得方式：

在linux上部署lamp环境，请参考：

linux上安装LAMP笔记

项目部署可以参考：

LAMP环境部署项目

需要注意的是，部署的时候路径：

代码语言：javascript复制

/etc/httpd/conf/extra/httpd-vhosts.conf

里的配置需要修改为项目代码所在路径：

比如first源码放在了以下路径：

代码语言：javascript复制

/var/www/html/lovegege/first/1/

httpd-vhosts.conf中配置如下：

代码语言：javascript复制

<VirtualHost *:80>
   ServerName www.my.com
   DocumentRoot "/var/www/html/lovegege/first/1/"
   DirectoryIndex Love.html
   <Directory "/var/www/html/lovegege/first/1/">
       AllowOverride All
       Require all granted
       Options all
   </Directory>
   ErrorLog "/var/log/httpd/dummy-host2.example.com-error_log"
   CustomLog "/var/log/httpd/dummy-host2.example.com-access_log" common
</VirtualHost>

主页为Love.html，如果想加背景音乐，可以把音乐文件放到Love.html的同一级目录，在Love.html中body加：

代码语言：javascript复制

<audio id="bgmMusic" src="canon.mp3" preload="auto" type="audio/mp3" autoplay="" loop=""></audio>

当然也可以部署项目tomcat上运行。

html 小程序 linux 微信 lamp

0 人点赞