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

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

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

在linux上部署lamp环境,请参考:

linux上安装LAMP笔记

项目部署可以参考:

LAMP环境部署项目

需要注意的是,部署的时候路径:

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

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

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

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

httpd-vhosts.conf中配置如下:

<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加:

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

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

原文发布于微信公众号 - 我的小碗汤(mysmallsoup)

原文发表时间:2018-08-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏CaiRui

LAMP=Linux+Apache+Mysql+Php

一、当前互联网主流web服务 静态服务: 1.apache---中小型静态web服务的主流,web服务器中的老大哥 2.nginx---大型新型网络静态web服...

29710
来自专栏雪胖纸的玩蛇日常

django 配置media 存放调用 图片、图标等文件

2368
来自专栏程序员同行者

配置django图片上传与保存展示

2602
来自专栏zhisheng

ELK 实时日志分析平台环境搭建

简单介绍 ELK(ElasticSearch, Logstash, Kibana),三者组合在一起搭建实时的日志分析平台,目前好多公司都是这套! Elastic...

31211
来自专栏技术翻译

分析R中的Elasticsearch数据

您可以在任何可以安装R和Java的计算机上使用纯R脚本和标准SQL访问Elasticsearch数据。您可以使用适用于Elasticsearch的CData J...

2293
来自专栏码生

react-navigation tabBar 自动跳转(代码实现跳转)

需要 在 tabBar 中的第二个 界面(tab2)中的一个按钮,点击之后跳转到 tabBar 的第一个界面

2612
来自专栏前端架构与工程

NodeJS学习笔记 - Apache反向代理集成实现

初学,简单的实现,为进行优化。 1. 假设NodeJS服务端监听3000端口 2. Apache反向代理设置     a. 在httpd.conf配置文件中开启...

2299
来自专栏ccylovehs

JavaScript跨域解决方式

平时工作中经常被JavaScript跨域问题所困扰,其实有很多种解决方式,下面给大家介绍常用的几种:

2352
来自专栏程序猿

Windows Server 2008 R2 搭建微信小程序

注意哦~,Windows Server 2003不能部署微信小程序哦~,想要部署小程序请升级2008 R2及以上版本。 买在国内的云服,Windows 和 Li...

1.4K7
来自专栏逸鹏说道

Winserver下的Hyper-v “未在远程桌面会话中捕获到鼠标”

异常处理汇总-服 务 器 http://www.cnblogs.com/dunitian/p/4522983.html 服务器相关的知识点:http://ww...

4158

扫码关注云+社区

领取腾讯云代金券