圆弧派博客 - 专注于网络技术 - 源码 https://www.iarc.top/tag/%E6%BA%90%E7%A0%81/ zh-CN Sun, 05 May 2024 16:40:00 +0800 Sun, 05 May 2024 16:40:00 +0800 一款自适应的开源纯静态音乐播放器 https://www.iarc.top/446.html https://www.iarc.top/446.html Sun, 05 May 2024 16:40:00 +0800 青帝 一个基于Aplayer和MetingJS的静态音乐播放器

预览

{anote icon="music" href="https://lab.iarc.top/concert/" type="info" content="音乐厅"/}

lvt9j8vv.png
lvta2r0s.png

基本操作

Space空格键：暂停/播放音乐

上/下方向键：增加/减少音量

左/右方向键：上一曲/下一曲

ID

播放列表的id，可以从音乐歌单分享的链接中获取，例如https://y.qq.com/n/ryqq/playlist/8668419170中，id为8668419170
网易云也同理。

Server

播放列表的服务商，例如netease（网易云音乐）,tencent（腾讯）,kugou（酷狗）,xiami（小米音乐）,baidu（百度音乐）

使用URL参数（推荐）

支持URL参数 https://lab.iarc.top/concert/?id=+ id +&server= + server

例：
鸡你太美: https://lab.iarc.top/concert/?id=2762963245&server=netease

项目开源地址

原作者开源地址：
{cloud title="原版地址" type="github" url="https://github.com/zhheo/HeoMusic" password=""/}

圆弧派二开地址：
{cloud title="二开地址" type="github" url="https://github.com/QingDi2/lab/tree/main/concert" password=""/}
二开新增功能：下载、标题、网易云歌单id输入框，其余原版功能未做删减。
全开源各位可以随便改

]]> 0 https://www.iarc.top/446.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ 用cfpages免费建个干净大气的程序介绍页[附源码] https://www.iarc.top/437.html https://www.iarc.top/437.html Sat, 04 May 2024 22:35:00 +0800 青帝 引流方法之一，都知道微信小程序只能在微信内搜索到，在百度搜索引擎等搜不到，所以建个单页有助于从搜索引擎上获得用户。

介绍页演示站：https://mxam.arcpi.cn
演示图：
看破不说破
源码都是静态文件，所以直接用cf pages网站托管平台免费建，当时vercel也可以的。

cf pages官网地址：戳我前往（无需魔法也能正常用）
一级棒
选免费套餐就行，注册个号进去后也不用实名验证啥的，可以直接创建项目，然后把源码压缩包往里面一丢他会自动解压，最后cname解析一下域名就OK了
真心好用的
源码下载：

{hide}

{cloud title="程序介绍页" type="lz" url="https://xql.lanzouw.com/icQsm1xp287c" password=""/}
那个小程序源码好像都泛滥了，要是没泛滥的话留个言，过几天我再发出来吧
{/hide}

]]> 0 https://www.iarc.top/437.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ xiuno·light修罗轻鸿主题程序和附赠适配插件源码分享 https://www.iarc.top/418.html https://www.iarc.top/418.html Thu, 04 Apr 2024 19:40:00 +0800 青帝 一款简洁不简单的修罗论坛程序主题

主题展示图

luli4kb3.png
luli7ps2.png
luli85xl.png
luli8y08.png
luli9lqa.png

源码下载

修罗bbs官网下载xiuno主程序：https://xiunobbs.cn/thread-1.htm
修罗轻鸿主题以及适配插件源码（v3.1）：

{hide}

{cloud title="Xiuno·Light修罗轻鸿主题和插件源码" type="lz" url="https://xql.lanzouw.com/iKLcS1tvm2ij" password=""/}

{/hide}
附赠插件：
{gird column="3" gap="15"}
{gird-item}
消息、私信
{/gird-item}
{gird-item}
点赞、收藏
{/gird-item}
{gird-item}
用户关注
{/gird-item}
{gird-item}
用户排行榜
{/gird-item}{gird-item}
帖子排行榜
{/gird-item}{gird-item}
签到
{/gird-item}{gird-item}
精华帖子
{/gird-item}{gird-item}
搜索
{/gird-item}
{gird-item}
标签
{/gird-item}{gird-item}
聚合页轮播图
{/gird-item}{gird-item}
导航栏链接
{/gird-item}{gird-item}
积分插件
{/gird-item}{gird-item}
邀请积分插件
{/gird-item}
{/gird}

可根据自己需求自行决定是否启用
]]> 18 https://www.iarc.top/418.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ 河南综评初语机：一键补录程序的介绍与使用指南 https://www.iarc.top/398.html https://www.iarc.top/398.html Tue, 20 Feb 2024 15:32:00 +0800 青帝 河南综评初语机是一款专为河南省学生和教师设计的高效综评补录工具。它利用先进的技术实现一键补录功能，支持多图片上传，简化了综评流程。程序基于河南综评的authorization值，通过循环请求模拟，为教师端提供班级荣誉证书生成和上传服务。目前，该程序已开源，欢迎有兴趣的开发者参与改进和二次开发。

360截图20240220152002366.jpg

介绍

河南综评初语机是一款专为河南省学生和教师设计的程序，旨在简化综评补录流程。它基于河南综评的authorization值，通过历遍循环请求模拟，实现了一键补录功能。以下是程序的主要特点：

  • 一键补录：在综评补录API开放时，可以快速补录100条不同维度的内容。
  • 多图片支持：突破综评只能携带4张图片的限制，理论上支持无限张图片上传。
  • 教师端功能：自带班级电子版荣誉证书轮询生成上传，每条补录内容均独特。
  • 演示站：http://zp.iarc.top

程序架构

  • 前端：HTML、JS
  • 后端：PHP（可完全转为JS，减少服务器负担）

安装教程

  1. 下载源码。
  2. 上传至服务器/主机。
  3. 更改zp.iarc.top和arcpi.cn这两个域名为自己实际地址。

使用说明

  • 海外空间：由于综评屏蔽海外IP，国外空间用户需将PHP请求转为JS。
  • 图片上传：通过upimg.html文件上传图片，直接传至综评的文件路径。
  • JS替代：PHP功能均可用JS实现，教师端功能除外。

未解决的问题

如果能破解综评登录时的密码算法，将无需通过网络调试器获取authorization值，可以直接通过账号密码获取。

开源地址

{cloud title="河南综评初语机" type="github" url="https://gitee.com/cyj0/henanzpapi/" password=""/}

]]> 0 https://www.iarc.top/398.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ LAN朋友圈主题程序v3.5作者开源版（Maioo原版）【价值99元】 https://www.iarc.top/393.html https://www.iarc.top/393.html Sun, 18 Feb 2024 16:57:00 +0800 青帝 今天凌晨在某楼上刷到的，好像是该程序的授权被人搞掉了然后被拿去盗卖了（Maioo），作者可能比较生气所以干脆直接开源了，但是帖子发布了大概几小时就被删了（可能又冷静下来了或者是带引流内容被做了），浏览量也就刚到1k吧，然后我刚好看见并保存下来了 ::(捂嘴笑) （怎么什么好事都被我遇见了 ）所以我来继续替作者完成他的开源大志了，有感兴趣的朋友可以直接免费下载开源版，可以自己玩玩研究研究二开什么的，圈钱的事儿就不要干了，再圈钱作者可能都要吐血了吧 :@(喷血) ::(哈哈)

lsr8hjwt.png
{tabs}
{tabs-pane label="前台展示"}
lsr8j4nw.png
lsr8kejs.png
lsr8kjv1.png
lsr8kzqy.png
lsr8l9g7.png
{/tabs-pane}
{tabs-pane label="后台展示"}

lsr8lovn.png
lsr8lwge.png
lsr8m4na.png
{/tabs-pane}
{/tabs}

主要功能

  • 前台一键发布图文，视频，音乐
  • 发布内容支持定位或自定义位置信息
  • 支持将发布内容设为广告模式
  • 消息站内通知或邮件通知
  • 支持其他用户注册
  • 支持其他用户发布文章,管理自己的文章等
  • 拥有丰富的后台管理功能，一键操作

安装教程

官方安装文档

下载地址

{hide}
{cloud title="Lan3.5开源.zip" type="lz" url="https://xql.lanzv.com/iXcHl1omndwb" password=""/}
{/hide}

用途

可以拿去当表白墙之类的使，或者作为个人博客等，整包大小1.7m非常小巧且功能很多。

]]> 27 https://www.iarc.top/393.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ meting音乐播放器胡乱美化记 https://www.iarc.top/260.html https://www.iarc.top/260.html Sat, 01 Jul 2023 20:15:00 +0800 青帝 前言：由于今天看这个meting播放器过于方正看着不太合意就把它的角打磨成弧形了

原版样式：
原版

中间的样式：
难看版
居然被群友直接吐槽：
最终版本
然后又花了半个小时重新改了一下，调整了一下模糊度，最终版就算本站现在正在用的了，最近一段时间如果没啥BUG就不会改了
一共花了我两个小时打磨后的最终版： :@(得意)
效果图

{card-default label="快速使用" width=""}

将APlayer播放器原本引用的css链接替换为下面链接即可
<link rel="stylesheet" href="//js18.iarc.top/usr/themes/Joe/assets/css/arc.APlayer.min.css">

joe再续前缘版本的APlayer播放器引用的css链接在主题的这个文件里：/public/include.php

修改文件路径

{/card-default}
注意：这个美化版里面我引用了typecho系统自带的属性，在其他类型网站可能会有BUG需要自己把源码保存下来改一下再用

]]> 1 https://www.iarc.top/260.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ 小狐狸ChatGPT问答创作AI系统v2.0.4 PC+H5+小程序前端 https://www.iarc.top/250.html https://www.iarc.top/250.html Fri, 30 Jun 2023 14:27:00 +0800 青帝 小狐狸ChatGPTAI

小狐狸GPT付费体验系统是一款基于ThinkPHP框架开发的AI问答小程序，是基于国外很火的ChatGPT进行开发的Ai智能问答小程序。

功能特点

充值系统 - 每次提问扣一条，当赠送的免费次数用完后 ，用户继续使用需充值

VIP会员系统 - 会员期间无需扣除次数，可以无限使用。这收益的主要功能之一，经测转化效果非常好。

广告主流量 - 配合观看广告送次数的功能，收益稳定且可观。

SAAS多开系统 - 可无限开通saas账号，分发下级代理收取代理费。

AI角色模拟 - 根据模型微调创造出无限可能的角色模拟。

AI万能写作/绘图 - 创意内容生成/专业写作/抖音快手视频文案/编程代码生成/AI绘图

做这个需要准备什么资料？

（1）国内服务器、域名、公众号、小程序和微信商户号

（2）美国服务器（用于接口转发，每月大约几十元）

（3）GPT账号（可以自备或购买，也可参考推荐渠道）

安装步骤

后台安装步骤：

1、在宝塔新建个站点，php版本使用7.2 、 7.3 或 7.4，把压缩包上传到站点根目录，运行目录设置为/public
2、导入数据库文件，数据库文件是 sql文件
3、修改数据库连接配置，配置文件是/.env
4、正式使用时，请把调试模式关闭：/.env文件第一行，true改成false
5、超管后台地址：http://域名/super 初始账号密码：super 123456 及时修改
6、站点后台地址：http://域名/admin 超管后台新建站点设置账号密码

特别提醒：超管后台正常后，如果涉及站点后端、前端出现404错误或者打不开均与公众号配置有关，认真检查，只要公众号端正常小程序改下网址和ID就会正常。

重点：后台接口参数对接公众号开发接口并启用（明文模式）、IP白名单加上、JS安全域名三项全加上（域名验证文件传至网站public目录下才能验证通过）。

插图1
插图2
插图3
插图4
插图5

下载地址

{hide}

{cloud title="小狐狸2.0.4源码.zip" type="lz" url="https://xql.lanzoue.com/iN23O10ng4di" password=""/}

{/hide}

]]> 3 https://www.iarc.top/250.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ 可商业运营的ChatGpt网页源码,商业付费变现 https://www.iarc.top/229.html https://www.iarc.top/229.html Sun, 18 Jun 2023 23:39:00 +0800 青帝 这套源码是Github上免费开源的项目啊，怎么全在收费倒卖，我也是很不理解了。
整套源码的确是很棒，功能十分的完善。

fb6f4cd353120028.jpg

主要功能

后台管理系统可管理用户、代币、产品、卡片密码等
精心设计的UI，响应式设计
极快的首屏加载速度（~100kb）
支持Midjournal绘画、DALL·E模型绘画、GPT4等应用
内置海量中英文提示列表
一键导出聊天记录，完整的Markdown支持
支持自定义 API 地址 ( openAI / API2D )
界面图
22e0f288fb120105-1024x492.png
524f45bffc120117-1024x565.png
53ce834ec0120128-1024x510.png

伪静态

location / {
    try_files $uri $uri/ /index.html;
}

项目源码地址

{hide}
{cloud title="ChatGpt-Web" type="github" url="https://github.com/79E/ChatGpt-Web" password=""/}
{/hide}

]]> 1 https://www.iarc.top/229.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ 短链接生成器 - 附源码 https://www.iarc.top/218.html https://www.iarc.top/218.html Sat, 17 Jun 2023 16:21:00 +0800 青帝 短链接生成

{cloud title="短链接生成器源码" type="github" url="https://gitee.com/cyj0/short" password=""/}

在线演示: so.iarc.top

嵌入博客效果：短链生成器
一个基于 PHP 简单实现的短链接在线生成工具，简单配置，快速搭建。

截图

配置

安装

1. 下载源码，部署至服务器，环境 PHP >= 5.6，需安装 PDO 扩展。

2. 配置 Nginx，参考如下：

server {
    listen  80;
    server_name  so.iarc.top;
    root   /www/so.iarc.top;
    index  index.php index.html index.htm;
    
    

    # 伪静态 必须
    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    # sqlite 数据库文件禁止访问 必须
    location ~ /(data\.db) {
        deny all;
    }

    location ~ \.php$ {
        fastcgi_pass   unix:/dev/shm/php-cgi.sock;
        include        fastcgi-php.conf;
        include        fastcgi_params;
    }
}

3. 配置数据库，支持 MySQL 和 SQLite。

3.1 MySQL 配置
3.1.1 编辑 index.php
<?php
// 数据库连接字符串 host 主机名; dbname 数据库名; charset 字符集编码
define('DB_DSN', 'mysql:host=localhost;dbname=short;charset=utf8mb4');

// 数据库用户名
define('DB_USER', 'root');

// 数据库密码
define('DB_PASSWD', '123456');
3.1.2 导入数据库表结构

使用工具（Navicat、PHPMyAdmin等）连接 MySQL 服务，创建数据库 short，并导入 mysql.db.sql

3.2 SQLite 配置：
3.2.1 编辑 index.php
<?php
// 数据库连接字符串 host 主机名; dbname 数据库名; charset 字符集编码
define('DB_DSN', 'sqlite:data.db');

// 数据库用户名
define('DB_USER', null);

// 数据库密码
define('DB_PASSWD', null);
3.2.2 创建数据库文件

复制 sqlite.db.exp 为 data.db

4. 配置短链接字符长度

// 生成短链接随机字符长度 默认 6 位 不超过 32 位
define('CODE_LENGTH', 6);

API

生成短链接

你可以通过域名访问页面或使用接口生成 URL，地址为 /，请求方式为 POST，参数为 url 即你的长链接；code 为自定义短链接（可选）。

# 自动生成短链接
$ curl -X POST -d 'url=http://gitee.com' http://so.iarc.top
{
  "code": 0,
  "msg": "OK",
  "data": {
    "short": "so.iarc.top/R6gF99",
    "generic": "http://so.iarc.top/R6gF99",
    "long": "https://so.iarc.top/R6gF99"
  }
}

# 自定义短链接
$curl -X POST -d 'url=http://gitee.com&code=gitee' http://so.iarc.top
{
  "code": 0,
  "msg": "OK",
  "data": {
    "short": "so.iarc.top/gitee",
    "generic": "http://so.iarc.top/gitee",
    "long": "https://so.iarc.top/gitee"
  }
}
字段协议兼容性字符长度
short自动识别较差最短
generichttp较好较短
longhttps好较长

TODO List

  • 后台管理
  • 域名黑名单
  • 密码访问

备用下载链接

{cloud title="短链接生成器" type="lz" url="https://xql.lanzv.com/iz5Bz1oqpsaf" password=""/}

]]> 5 https://www.iarc.top/218.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/ 分享两款炫酷的JS轮播图源码 https://www.iarc.top/207.html https://www.iarc.top/207.html Tue, 06 Jun 2023 18:00:00 +0800 青帝 几天前逛别人网站的时候发现了几款不错的轮播图，一不小心就给人家扒下来了

第一款(多款3DJS特效随机播放)：

效果展示：

演示地址：

https://iarc.top/tool/banner/

随便扒一下就下来了

第二款（较为简单）

效果展示：

演示地址：

https://iarc.top/tool/banner/banner2.html

HTML代码（注意看css/js的注释）

<style type="text/css">
        html,body,div{
            margin: 0;
            padding: 0;            
        }
        body{background-color: #232323}
        .slider-outer{
            width: 560px;/*图片宽度*/
            height: 300px;/*图片高度*/
            margin: 150px auto;
            background-color: #f60;
            position: relative;
            max-width:100%;
        }
        .img-item{
            position: absolute;
            width: 112px;
            height: 100%;
            background-color: #f10;
            transition: all 1.5s;
            /*设置子元素在3D空间中呈现*/
            transform-style: preserve-3d;
        }
        /*让图片可以构成一个有四个面的长方体 start*/
        .img{
            width: 100%;
            height: 100%;
            position: absolute;
            background-size: cover;
        }
        .img:nth-child(1){
            background: url("1.jpg") no-repeat;/*图片1*/
            transform: rotateX(0deg) translateZ(150px);
        }
        .img:nth-child(2){
            background: url("2.jpg") no-repeat;/*图片2*/
            transform: rotateX(-90deg) translateZ(150px);
        }
        .img:nth-child(3){
            background: url("3.jpg") no-repeat;/*图片3*/
            transform: rotateX(-180deg) translateZ(150px);
        }
        .img:nth-child(4){
            background: url("4.jpg") no-repeat;/*图片4*/
            transform: rotateX(-270deg) translateZ(150px);
        }
        /*让图片可以构成一个有四个面的长方体 end*/
        .btns{
            position: absolute;
            top: 50%;
            width: 100%;
            height: 70px;
            margin-top: -35px;
        }
        .prev,
        .next{
            width: 70px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            background-color: rgba(0,0,0,.3);
            color: #fff;
            font-size: 30px;
            cursor: pointer;
            position: absolute;
        }
        .prev{
            left: 0;
        }
        .next{
            right: 0;
        }
    </style>
    <script type="text/javascript">
function stops(){
   return false;
}
document.oncontextmenu=stops;
</script>
<script src="https://www.jsdaima.com/Upload/1479969384/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        $(function (){
            var num = 0;
            $("#j_silder_outer .img-item").each(function(index, el) {
                $(this).css({
                    "left":$(this).width() * index + "px",
                    /*让每个img-item延时一定时间执行动画*/
                    "transitionDelay": index * 0.3 + "s"
                });
                $(this).find(".img").css({
                    "backgroundPosition": -$(this).width() * index + "px"
                });;
            });

            $(".prev").on("click",function (){
                $("#j_silder_outer .img-item").css("transform", "rotateX(" + (++num * 90) + "deg)");
            });

            $(".next").on("click",function (){
                $("#j_silder_outer .img-item").css("transform", "rotateX(" + (--num * 90) + "deg)");
            });
            
            var timejg=4000;//轮播间隔时间
            var time = setInterval(move,timejg);
            function move(){
                $("#j_silder_outer .img-item").css("transform", "rotateX(" + (--num * 90) + "deg)");
            }
            $('.slider-outer').hover(function(){
                clearInterval(time);
            },function(){
                time = setInterval(move,timejg);
            });


        })
        
        

        
    </script>
<div class="slider-outer" id="j_silder_outer">
        <div class="img-item">
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
        </div>
        <div class="img-item">
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
        </div>
        <div class="img-item">
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
        </div>
        <div class="img-item">
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
        </div>
        <div class="img-item">
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
            <div class="img"></div>
        </div>
        <div class="btns" data-num="0">
            <div class="prev"><</div>
            <div class="next">></div>
        </div>
    </div>

以上代码是我扒下来后又优化过一遍的，各位也可根据自己需求来调整更改

]]> 0 https://www.iarc.top/207.html#comments https://www.iarc.top/feed/tag/%E6%BA%90%E7%A0%81/