PMSelf 独立站长

分类： 开源项目

  • 基于 Vue3 + TypeScript + Vite 开发的 UI 组件库！主题可调，全量使用 TypeScript 和 SFC，支持 tree shaking！

    基于 Vue3 + TypeScript + Vite 开发的 UI 组件库！主题可调，全量使用 TypeScript 和 SFC，支持 tree shaking！

    https://github.com/themusecatcher/vue-amazing-ui

  • Leanote开源系统, 不只是笔记

    Leanote开源系统, 不只是笔记

    1. 介绍

    Leanote, 不只是笔记!

    特性

    • 高效笔记：Leanote 有易操作的界面, 包含一款富文本编辑器和Markdown编辑器，让您的笔记记录更轻松和高效。对高阶用户，我们还提供Vim 和Emacs 编辑模式，助推你的写作速度更上层楼。
    • 知识管理: Leanote 灵活而强大的“笔记本-笔记-标签”系统，让它成为你个人知识管理的利器。
    • 分享: 你可以通过Leanote同好友分享知识、想法和经历, 邀请好友加入你的笔记簿，通过云端交流信息。
    • 协作: Leanote协助你与同事之间相互协作，激荡新思路，随时随地头脑风暴。
    • 博客: Leanote也可以作为你的个人博客, 把你的知识传播的更远!

    其它特性

    • 支持Markdown编辑
    • 写作模式
    • Vim 及 Emacs 编辑模式
    • 支持PDF导出
    • 支持批量操作
    • 博客自定义主题, 实现高度定制化

    2. 为什么我们要创建Leanote?

    我们都曾是Evernote的忠实粉丝, 一直以来Evernote都是我们日常知识管理的有效工具。于是我们决定重新创造一款工具，提供Evernote所能提供的功能，同时弥补Evernote的不足，比如：

    • 功能更强的文本编辑器：Evernote的编辑器不能满足我们的需求, 不能实现文档导航、不能贴代码(格式会乱掉, 作为程序员, 代码是我们的基本需求啊), 图片不能缩放等。
    • Evernote 不支持所有人都喜爱的markdown语法，于是我们为Leanote配备了一款可以实时渲染的markdown编辑器。
    • 如果你是一名开发者，觉得手指怀念Vim 或 Emacs 了，那么我们还提供给你Vim 和 Emacs 写作模式，配合markdown的格式编辑，写作的时候再也不用去碰鼠标了。
    • 知识积累和知识分享同样重要，因此大家都有自己的笔记账号和社交账号。但为什么这两者不能合二为一呢? Leanote 做到了将二者无缝衔接。
    • 一套完整的、全平台覆盖的软件套装，包括了web、桌面、安卓、IOS设备，而且全部开源！
    • 还有…

    3. 获取Leanote

    Leanote云笔记产品包括: Leanote Web & Server(即本仓库), 桌面客户端, IOS, android. 4端全部开源!

    如果想试用我们的产品，欢迎在 https://leanote.com 上注册, Leanote团队为你提供稳定可靠的服务。 担心服务厂商如何处理你的个人数据吗？你可以下载Leanote安装在自己的服务器上, 通过Leanote客户端连接与自建服务同步数据。

    这里详细整理了Leanote二进版和Leanote开发版的安装教程, 请移步至:

    4. 相关文档

    更多详细的安装说明、问题处理和配置说明文档，请查看 wiki。

    5. 如何对Leanote进行二次开发

    如果您有兴趣基于Leanote二次开发，请查看 How-to-develop-Leanote。

    官网：https://leanote.com/

    GITHUB：https://github.com/leanote/leanote

  • 对信开源圈子系统全开源源码_多端支持_免费商用

    对信开源圈子系统全开源源码_多端支持_免费商用

    对信系统是一款开源的PHP建站系统，是“多圈”建站系统。专业为产品打造多圈社区，可搭建社区，问答，商城，有pc端，h5，微信小程序，百度小程序。基于商业开源，100%开源，可以商用。

    支持：电脑端，独立APP，微信小程序，百度小程序，抖音小程序，快应用。

    官网说明：https://duixin.cc/quan/52.html

    PC端演示图：

    H5端演示图：

  • 迅排设计-一款漂亮且功能强大的在线海报设计器

    迅排设计-一款漂亮且功能强大的在线海报设计器

    一款漂亮易用且功能强大的创意图片编辑器，对标稿定设计、创客贴、Canva 等商业产品。

    适用于多种场景：海报图片生成、电商分享图、文章长图、视频/公众号封面等，无需下载软件即可轻松实现云端编辑、迅速完成图文排版。

    特点

    • 丝滑的页面操作体验，丰富的交互细节，基础功能完善
    • 采用服务端生成图片，确保多端出图统一性，支持各种 HTML5 特性
    • 简易 AI 抠图工具，上传图片一键去除背景
    • 技术栈：Vue3 、Vite5 、Pinia 、ElementPlus
    • 图片生成：Puppeteer、Express

    支持功能

    • 导入 PSD 文件解析成模板、在线导出图片下载。
    • 元素拖拽、组合、缩放、层级调整、对齐等操作。
    • 图片素材插入、替换、裁剪，图片容器等功能。
    • SVG 素材颜色、透明度编辑，文字花字组合。
    • 画布自定义尺寸、滚轮缩放、自适应画布
    • 吸附对齐、辅助引导线、标尺功能。
    • 键盘快捷键、右键菜单快捷操作，复制删除等常用操作。
    • 风格二维码编辑，支持单色、渐变、自定义 logo 等。
    • 图层操作，支持拖拽变更层级。
    • 颜色调色板，原生级取色器颜色吸管（Chrome）。

    快速开始

    git clone https://github.com/palxiao/poster-design.git
cd poster-design
npm run prepared
npm run dev
cd screreenshot
npm run dev

    访问 http://127.0.0.1:5173/ 查看网页。点此查看更多说明文档。

    图片生成服务

    代码位于根目录 /screenshot，接口API文档点此查看：接口 API 文档。

    服务端

    后端需要自己开发，目前本项目演示 Demo 中的后端接口参考：接口 API 文档。

    其它

    一些问题修改与记录点击这里查看，项目持续迭代中，还有很多不足，可以将你遇到的问题在 Issues 中提出，或者提交 Pull Request 帮助完善。

    项目开源：https://github.com/palxiao/poster-design

  • 免费开源的AI系统，chatgpt web, midjourney, gpts,tts, whisper 一套ui全搞定

    免费开源的AI系统，chatgpt web, midjourney, gpts,tts, whisper 一套ui全搞定

    在当今快速发展的人工智能时代，整合各种先进AI技术的需求日增长。面对这一挑战，“ChatGPT-Web-Midjourney-Proxy”项目应运而生，为开发者和AI爱好提供了一个全面、便捷的解决方案。这个项目通过一个清晰友好的用户界面，将ChatGPT、Midjourney、GPTs、TTS和Whisper等多种AI技术合在一起，不仅优化了使用体验，还大大提高了工作效率。

    “ChatGPT-Web-Midjourney-Proxy是一个开源项目遵循MIT许可协议，意味着任何都可以自由地使用、修改和分发它。无论你是一个求提高生产力的开发者，还一个对人工智充满好奇的爱好者，这项目都能为你提供巨大帮助。

    ChatGPT和Midjourney作为两个备受瞩目的AI产品，为用户提供了强大的语言处理和对话交互能力。然而，对于那些经常使用这两个产品的用户来说，分别访问它们可能会带来一些不便。幸运的是，有一个开源项目——ChatGPT-Web-Midjourney-Proxy，将它们整合在一起，为用户带来了全新的体验。

    ChatGPT-Web-Midjourney-Proxy项目的目标是为用户提供一套完整的UI界面，集成了ChatGPT、Midjourney以及其他相关技术，以便更方便地使用这些强大的AI工具。通过这个项目，用户可以在一个统一的界面中访问和操作ChatGPT和Midjourney，无需来回切换和重新登录。这不仅节省了时间和精力，还提升了用户的工作效率和体验。

    ChatGPT-Web-Midjourney-Proxy项目的优势不仅仅在于整合了两个强大的AI产品，还在于它为用户提供了更多的灵活性和个性化定制选项。用户可以根据自己的需求和偏好，调整界面布局、设置快捷键、定制主题等。这样，用户可以根据自己的工作流程和喜好，打造一个完全符合自己需求的AI工具。

    无论是开发者、研究人员还是普通用户，ChatGPT-Web-Midjourney-Proxy都能为你带来更便捷、高效的AI体验。同时你可以使用API平台生成令牌，实现AI对话与Midjourney绘画服务，只需要在设置-服务端填写聚合API地址和生成的令牌即可，并且支持全模型和GPTs。它不仅仅是一个工具，更是一个连接人与AI的桥梁，让你能够更好地利用AI的无限潜力。让我们一起探索ChatGPT-Web-Midjourney-Proxy的魅力，释放AI的无限潜力，提升你的工作效率和创造力！如果你不会搭建可以联系我们进行有偿服务，更有图标定制、个性化对接地址等定制服务。

    支持功能：

    docker 部署

    https://github.com/Dooy/chatgpt-web-midjourney-proxy

    演示站：https://vercel.ddaiai.com/#/chat/1002

    您也可以直接使用聚合API提供的地址：https://web.lconai.com/ https://vercel.ddaiai.com/ 进行体验。

    项目地址：https://github.com/Dooy/chatgpt-web-midjourney-proxy

  • 2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码

    2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码

    支持对接第三方支付

    安装方法以linux为例：

    1、建议在服务器上面安装宝塔面板，以便操作，高逼格技术员可以忽略这步操作。

    2、把安装包文件解压到根目录，同时建立数据库，把数据文件导入数据库

    3、修改核心文件config/inc_config.php把数据库信息替换成你的

    4、解析域名并且设置域名指向

    1、修复时间不能选择子时;

    2、部分机型支付后不跳转;

    3、新增后台支持按照时间、项目、进行订单筛选查询;

    4、数据库新增测算结果的纳音、藏干、感情、性格分析;

    5、微信支付支持https证书;

    6、修复PC端扫码支付问题;

    7、新增代理分销功能;

    8、新增会员功能，会员分月会员，年会员，终身会员；

    9、新增会员免支付功能；

    10、清除大量外调接口、提高打开速度、安全有保障。

    11、修改价格和支付接口均在后台完成。

    12，修复八字合婚结果无数据问题！

    13，账号admin密码114077

  • 自由钢琴-模拟钢琴键盘半开源项目

    自由钢琴-模拟钢琴键盘半开源项目

    项目简介

    人生如音乐，欢快且自由。自由钢琴，让你听见内心的声音。

    自由钢琴（AutoPiano）是利用HTML5技术开发的免费在线钢琴应用，致力于为钢琴爱好者、音乐爱好者以及其他所有的创造者提供一个优雅、简洁的平台，在学习工作之余可以享受钢琴、音乐的美好。

    类似于多年前Flash开发的钢琴游戏，自由钢琴只是换了H5的技术，同时支持了钢琴曲的自动播放功能。

    自由钢琴支持以下功能：

    • 键盘按键弹奏、鼠标点击弹奏
    • 通用MIDI标准，支持多种乐器选择，如电钢琴、吉他、小提琴、古筝等等
    • 基于键盘谱进行演奏，也可创作键盘谱
    • MIDI文件自动播放+键位显示+音符雨
    • 连接外部MIDI设备，如MIDI键盘、电子琴、电钢琴等
    • 文本乐谱自动播放
    • 更多功能正在开发中…

    自由钢琴为 部分开源 项目，曾设想完全开源，但随着应用规模的扩大，完全开源会导致服务器处于高风险状态，所以我们只开源了核心部分的代码。相信更多友好的开发者能基于此开发出更有趣的在线应用。

    Github地址： https://github.com/AutoPiano/AutoPiano

    项目进度： https://github.com/AutoPiano/AutoPiano/projects/1

    官网地址： https://www.autopiano.cn

  • 使用AI实现高精度钢琴曲转谱Piano Transcription项目简明使用教程

    使用AI实现高精度钢琴曲转谱Piano Transcription项目简明使用教程

    简介

    此项目可将钢琴录音(mp3, wav等格式)转录成MIDI文件, 识别的精度非常之高, 扒谱党的福利。相对于人工扒谱效率高了不知道多少倍, AI扒谱的时代已经到来。

    前段时间字节跳动发布了全球最大的古典钢琴MIDI数据集 GiantMIDI-Piano, GiantMIDI-Piano 的特点是使用钢琴转谱技术，通过计算机将音频文件自动转为 MIDI 文件，并通过该技术转谱了大规模的 MIDI 数据集。

    研究者万余首钢琴作品+一千多小时训练，开发并开源了一套高精度钢琴转谱系统piano_transcription，将所有音频转谱成 MIDI 文件，进而构建了 GiantMIDI-Piano 数据库。

    该转谱系统的特点包括：

    • 能够将任意声部数目、任意复杂度，甚至双钢琴、多钢琴的钢琴音频转谱为 MIDI 文件。
    • 实现了任意时间精度的音符检测，突破了之前算法 32 毫秒识别精度的限制。
    • 对每个音符实现了 128 个粒度的力度识别。
    • 同时包含了钢琴音符和钢琴踏板的识别。
    • 在 MAESTRO 评测数据集上取得 96.72% 的 F1 值，超越了 Google 系统的 94.80%。
    • 预训练模型的代码以 Apache 2.0 协议开源。

    详细介绍见: https://zhuanlan.zhihu.com/p/269218623

    GiantMIDI-Piano: https://github.com/bytedance/GiantMIDI-Piano

    piano_transcription: https://github.com/bytedance/piano_transcription

    一网友在此基础制作的修改版: https://zhuanlan.zhihu.com/p/270999354

    在此基础上, 我再稍微加工了下, 可批量转置, 使得更易使用

    下面是一些转置后制作的一些视频

    2011年Zetacola《赤色要塞》的钢琴演奏原版视频《魂斗罗》《赤色要塞》钢琴–大小姐Zetacola_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili​www.bilibili.com/video/BV1Fx411Q74p

    音质修复+特效钢琴版FC 赤色要塞 钢琴纯音乐 Zeta演奏扒谱音质修复_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili​www.bilibili.com/video/BV1u54y1k7ou

    使用方法只需三步即可

    1. 下载资源
    2. 安装环境
    3. 使用

    下载下面的资源包, 解压

    链接: https://pan.baidu.com/s/1aqnlgfFCjB0KIlPEB8RcRg 提取码: xubj

    资源包内包括Piano transcription项目，项目所使用的已训练完好模型，python安装包和ffmpeg

    安装环境

    以64位的windows版本为例, Mac和linux的步骤也是一样的, 只需安装对应系统的软件版本

    安装下列环境

    01 Python 3.7

    使用到了f-string, 需要Python3.6以上版本才支持, 这里选择安装Python3.7.9版本

    02 项目所依赖的库

    03 ffmpeg

    用于读取媒体文件, 使用资源包里的版本即可

    04 cuda

    限NVIDIA显卡, 使用cuda转置速度更快, 没有可以不装, 使用CPU转置

    05 pytorch

    需要看Python版本和cuda版本, 选择相应的版本下载

    01 安装 Python 3.7

    双击附件里边的Python 3.7.9安装即可

    在cmd里输入python出现下面提示及安装成功

    02 项目所依赖的库

    在项目目录根下按住shift在空白处点击powershell打开

    输入下面命令, 升级pip版本(我装有多个python版本, 所以图片显示命令不一样, 新手直接输入下面命令即可)

    python -m pip install --upgrade pip

    安装依赖环境

    pip install -r .\requirements.txt

    03 安装ffmpeg

    需要把ffmpeg的bin目录添加到环境变量

    右键点击此电脑—属性 , 点击高级系统设置, 高级里边的环境变量, 双击Path, 选择新建,

    将ffmpeg下的bin目录路径复制的里边,

    如 F:\钢琴转谱资源包\ffmpeg\bin(将路径改为你所解压的ffmpeg的bin目录路径)

    然后点击确定

    在cmd里输入ffmpeg 有显示ffmpeg version 4.3.1字样的即添加好了环境变量

    04 安装cuda (使用CPU跳过此步骤)

    CUDA 是 NVIDIA 的一种并行计算平台和编程模型。使用显卡转置比用CPU快很多

    cuda版本和驱动支持有关,显卡驱动会影响支持cuda的版本 , 为避免不必要的错误, 先去官网更新驱动到最新版本,这里以win10 1909版本的系统为例

    win7等其他系统去NVIDIA控制面板查看支持cuda的最高版本, 选择相应的cuda版本

    驱动下载地址https://www.nvidia.cn/geforce/drivers/

    安装显卡最新驱动, 再去下载cuda工具包11.1安装(有3G大)

    下载地址https://developer.nvidia.com/zh-cn/cuda-downloads

    在安装界面选择自定义, 如图只勾选cuda当中的那几项, 其他不必勾选, 选了有可能安装失败

    安装完成后显示

    05 安装pytorch

    到官网下载自己系统合适的版本, 如果使用CPU选择cuda版本选择none

    https://pytorch.org/

    这里选择windows系统python3.7 使用pip安装cuda11为例, 按下图选择好版本后下面会有对应的安装命令

    在cmd命令行里输入下面命令安装pytorch, 文件挺大有差不多2G, 如果网络不好安装失败, 请看下边的离线包安装

    pip install torch===1.7.0+cu110 torchvision===0.8.1+cu110 torchaudio===0.7.0 -f https://download.pytorch.org/whl/torch_stable.html

    文件比较大差不多2G, 如果网络不好可以下载离线安装包

    https://download.pytorch.org/whl/cu110/torch-1.7.0%2Bcu110-cp37-cp37m-win_amd64.whl

    下载好后再目录下按住shift在空白处右键点击, 选择powershell打开命令行, 输入下面安装命令

    pip install .\torch-1.7.0+cu110-cp37-cp37m-win_amd64.whl

    项目使用

    把MP3,或wav文件放入input文件夹, 可以放多个音频文件

    在项目piano_transcription按住shift在空白处右键点击, 选择powershell打开命令行, 输入以下命令, 等待程序跑完即可

    python .\start.py

    使用GPU进行转置还是挺快的, 大概10秒~1分多钟一首

    跑完后可在output文件夹得到转置好的mid文件, 使用播放器播放即可, 可使用Pianoteq的音源生成高音质的mp3, 如果效果不是很好, 可以使用midi编辑软件进行进一步的修改。midi文件还可以通过一些软件转成琴谱

    如果使用CPU转置可以修改start.py文件把第19行里边的cuda改为cpu即可

  • 纯前端的影视搜索网站，哄女友必备

    纯前端的影视搜索网站，哄女友必备

    声明：仅供学习交流,勿作他用。
    CSM影视原理

    • 最开始做一个影视网站成本是很高的，需要把电影都存起来还要巨大的带宽。近几年影视采集站的兴起，影视网站也如同雨后春笋般崛起。

    下图为市面上的cms影视站的原理

    纯前端影视搜索站原理

    • 我们做的这个影视搜索网站也是建立在影视采集站的基础之上的，通过采集站提供的API来获取各个电影电视剧的播放地址，然后在我们的页面嵌入一个iframe把地址放进去就能愉快的追剧了。
    • 但是我们不是通过服务器去访问采集站的API，而是通过客户端浏览器自己去发送ajax请求去访问采集站的数据。获取到播放地址之后直接在页面上显示出来。
    • 但是这里就会涉及到跨域请求的问题了，我们的域名和采集站的域名是不一致的，js访问会报错。解决办法就是在服务器端设置允许跨域访问，可是采集站的服务器又不是我们控制的，我们该怎么办呢？
    • 于是我找了十几家采集站，试了非常多的API终于找到了一个允许跨域访问的API接口（接口地址在下面的源码中）。

    下图为纯前端影视搜索站原理。

    总体功能和框架
    博主比较懒只写了一些比较基本的功能。如果感兴趣的可以复制源码自行修改。

    • 引用类库：bootstrap4、jquery3.5
    • 基本UI设计：搜索框、搜索按钮、历史记录标签、播放剧集列表、视频播放区域。
    • 功能实现：影视搜索、搜索敏感词过滤、播放选集、上一集下一集、本地保存历史播放记录
    • 演示站点：http://www.kubuku.cool/

    源码

    为了方便新手看得明白，博主在关键的地方都加了注释。————————————————

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>酷不酷影视</title>
	<script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.min.js"></script>
	<link href="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
<!-- 头部的搜索区域开始 -->
<div class="card text-center">
  <div class="card-header">
    酷不酷影视
  </div>
  <div class="card-body">
    <p class="card-text"><input onkeypress="if(event.keyCode==13){search()}" placeholder="请输入你要看的电影/电视剧" class="form-control form-control-lg" id='wd'/></p>
	<button class="btn btn-primary" onclick="search()">搜索</button>
	<p class="card-text" id="his_content"></p>
  </div>
</div>
<!-- 头部的搜索区域结束 -->

<!-- 中间的播放器区域开始（默认不显示） -->
<div class="container" id="play" style="display:None">
	<div class="row" id="play_name">
	</div>
	<div class="row">
		<iframe id="playframe" 
				src="" 
				allowfullscreen="true"
				width="100%"
		>	 
		</iframe>
	</div>
	
	<div class="row">
		<div class="col">
		  <a class="page-link" onclick="lastone()" href="#">&lt;</a>
		</div>
		<div class="col"></div><div class="col"></div><div class="col"></div><div class="col"></div><div class="col"></div><div class="col"></div><div class="col"></div><div class="col"></div><div class="col"></div>
		<div class="col">
		  <a class="page-link" onclick="nextone()" href="#">&gt;</a>
		</div>
	</div>
</div>
<!-- 中间的播放器区域结束 -->

<!-- 按搜索按钮时会出现下面的这个转圈圈的加载动画 -->
<div id="spinner" class="spinner-border" role="status" style="display:None">
  <span class="sr-only">Loading...</span>
</div>

<!-- 搜索的结果和选集的div -->
<div id="vod_name">
</div>
<div id="list">
</div>


</body>
</html>
<script>
// 定义全局对象，搜索出来的json数据列表，播放历史数据列表，当前播放的vod对象
vodlist = [];
hislist = [];
currvod = {};

//搜索加载数据时，显示这个加载的圈圈
function spinLoad(action){
	if(action){
		$('#spinner').attr('style','');
	}else{
		$('#spinner').attr('style','display:None');
	}
	
}
//清空播放列表
function init(){
	$('#list').html('');
	$('#vod_name').html('');
}

//根据关键词搜剧
function search(){
    //如果关键字为空就直接返回
	var wd = $('#wd').val();
	if(wd==null || wd=="" || wd=='undefined'){
            return false;
    }

	init();//清空播放列表
	spinLoad(true);//显示加载的圈圈
	
	//开始发送ajax请求搜索影视
	$.ajax({ url: "https://api.okzy.tv/api.php/provide/vod/at/json/?ac=detail&wd="+wd, 
			dataType:"json",
			success: function(data){
				vodlist = data.list;
                //将返回的数据拼接html渲染到页面
				innerhtml = "<ul class=\"list-group\">";
				for(var i=0;i<vodlist.length;i++){
					//屏蔽词
					if(vodlist[i].vod_name.indexOf("日韩") == -1){
						innerhtml += '<li class=\"list-group-item\"><a οnclick="playvodlist('+vodlist[i].vod_id+')">' + vodlist[i].vod_name + '</a></li>';
					}
				}
				innerhtml += "</ul>";
				$('#list').html(innerhtml);
				spinLoad(false);//关闭加载的圈圈
			}
	});
}
//根据id列出这部剧的播放列表（集数）
function playvodlist(vid) {
    //这个方法是从搜索的结果中选中了一个，然后要展示剧集
	init();
	var vod_play_url = "";
	var currvod = {};
	var vod = {};
	vod.playlist=[];
    //把播放地址拿出来
	for (var i=0;i<vodlist.length;i++)
	{ 
		if(vodlist[i].vod_id == vid){
			vod_play_url = vodlist[i].vod_play_url;
			currvod = vodlist[i];
			break;
		}
	}
    
	vod.vod_id = currvod.vod_id;
	vod.vod_name = currvod.vod_name;
	vod.progress = 0;
	$('#vod_name').html(vod.vod_name);
	vod_play_url += "";
	vod_play_url = vod_play_url.split('$$$')[0].split('#');
	innerhtml = "<ol class=\"list-group\">";
	for(var i=0; i<vod_play_url.length;i++){
		v = vod_play_url[i].split('$');
		url = encodeURIComponent(v[1]);
		url = url.trim();
		innerhtml += '<li class=\"list-group-item\"><a οnclick=\'playvod(\"'+vod.vod_id+'\",\"'+i+'\")\'>' + v[0] + '</a></li>';
		var obj={};
		obj.name = v[0];
		obj.url = url;
		vod.playlist.push(obj);
	}
	
	innerhtml += "</ol>";
	$('#list').html(innerhtml);
	addhistory(vod);//保存这个播放的对象到历史记录列表中
}
//添加到历史播放记录中
function addhistory(vod){
	for(var v of hislist) {  
        if(v.vod_id == vod.vod_id){
			return;
		}
    }
    // 最多只保留3条播放记录
	if(hislist.length>4){
		hislist.pop();
	}
	hislist.splice(0, 0, vod);
	writelocal();
}
//将播放历史写入本地
function writelocal(){
	
	localStorage.setItem('hislist',JSON.stringify(hislist));
}
//更新播放进度
function updateprogress(vid,progress){
	var vod = findvod(vid);
	vod.progress = progress;
	writelocal();
}
//根据id从历史记录列表对象中查找电视剧
function findvod(vid){
	var vod = {};
	for(var i=0; i<hislist.length;i++){
		if(hislist[i].vod_id==vid){
			vod = hislist[i];
			break;
		}
	}
	return vod;
}
//根据电视剧id和集数来播放电视
function playvod(vid,progress){
	var vod = findvod(vid);
	currvod = vod;
	progress = parseInt(progress);
	$('#play_name').html("正在播放："+vod.vod_name+"----"+vod.playlist[progress].name);
	//有些url是m3u8后缀的，有些又不是，需要分别判断一下
    url = decodeURIComponent(vod.playlist[progress].url);
	if(url.indexOf(".m3u8") != -1){
		url = 'https://www.playm3u8.cn/jiexi.php?url='+url;
	}
	$('#play').attr('style','');
	$('#playframe').attr('src',url);
	updateprogress(vid,progress);
	updatehisUI();
	updateplaylistUI();
}
//上一集
function lastone(){
	if(currvod.progress==0){
		progress = 0;
	}else{
		progress = currvod.progress-1;
	}
	playvod(currvod.vod_id,progress);
}
//下一集
function nextone(){
	if(currvod.progress==currvod.playlist.length-1){
		progress = currvod.playlist.length-1;
	}else{
		progress = currvod.progress+1;
	}
	playvod(currvod.vod_id,progress);
}
//页面加载时自动加载上次保存的历史记录
$(document).ready(function() {
	
	$('#play').contents().find('body').attr('oncontextmenu',"javascript:return false;");
	$(document).bind("contextmenu",function(e) {
		return false;
	});
	
	vodlist = [];
	hislist = localStorage.getItem('hislist')==null?[]:JSON.parse(localStorage.getItem('hislist'));
	updatehisUI();
});
//更新播放列表的UI
function updateplaylistUI(){
	innerhtml = "<ol class=\"list-group\">";
	for(var i=0; i<currvod.playlist.length;i++){
		
		innerhtml += '<li class=\"list-group-item\"><a οnclick=\'playvod(\"'+currvod.vod_id+'\",\"'+i+'\")\'>' + currvod.playlist[i].name + '</a></li>';
		
	}
	innerhtml += "</ol>";
	$('#list').html(innerhtml);
}
//更新历史记录的UI
function updatehisUI(){
	innerhtml = '';
	for(var i=0; i<hislist.length;i++){
		innerhtml += '<a class="badge badge-success" οnclick=\'playvod(\"'+hislist[i].vod_id+'\",\"'+hislist[i].progress+'\")\'>'+hislist[i].vod_name+'</a>&nbsp;';
	}
	$('#his_content').html(innerhtml);
}
</script>

  • 豌豆PRO：一键影视搜索聚合网站

    豌豆PRO：一键影视搜索聚合网站

    今天给大家推荐一个质量非常高的在线观影网站，支持手机、平板、电脑观看，堪称全能.

    豌豆PRO聚合了全网各大优质视频资源站，各大平台的热门视频在这里都可以免费观看，没有任何的限制，同时还提供了视频下载渠道。网站不需要注册登录，目前也没有任何的广告干扰。

    网站固定有六大板块：首页、电影、电视剧、动漫、综艺、纪录片，像电影、电视剧又细分国产剧、美剧、韩剧、日剧等，当然最最主要是包括不错的搜索功能。

    此外作为聚合网站，当然就是在线播放网站和资源下载以及字幕下载。

    网站首页都是各大平台的热门视频推荐，大家想看什么影视可以直接在网站中搜索，基本上都是可以搜到的，也可以根据视频分类进行查找筛选。

    全网影视搜索

    豌豆PRO提供了非常多的在线观看渠道，网站本身不提供任何资源。

    相当于一个搜索引擎，帮你把需要的电影资源全部聚集在一起，然后提供检索，并列出全网那个有该资源的播放链接。

    此外还有不同平台的对这部剧的解说，还有来自豆瓣评论。

    影片加载速度也是可以的，并且没有任何的片头片尾广告。

    播放界面

    总结

    目前影视版权也是越来越严格，豌豆PRO本身并不提供任何影视资源，也规避了影视侵权风险。

    豌豆PRO聚合了全网的影视资源，省的我们去挨个影视站搜索影视资源了，值得收藏。

    更详细介绍：https://www.lihaiblog.cn/blog/724.html

    相关文件下载

    豌豆PRO影视站地址：www.wandou.pro https://wandou.la/

    外链获取地址：https://www.360mb.net/31784.html

  • 香色闺阁 – IOS设备可自定义源的小说APP（永不掉签）

    香色闺阁 – IOS设备可自定义源的小说APP（永不掉签）

    香色闺阁App 是 iOS 平台上一款支持换源的看小说、看漫画、看影视的免费 APP，而且免费无广告，不过由于某种原因，已经被App Store 全区下架，目前可以利用证书进行ipa 自签安装，香色闺阁默认不带小说或者视频源的，可以到网上找一些导入即可，非常强大的一款APP。

    功能简介

    • 自由编程定制内容
    • 自由设置背景,字体,间距
    • 自由设置阅读界面各标签
    • 全新极简模式带来更好体验
    • 左右仿真上下滑动翻页
    • 支持全局缓存/下载
    • 支持自动阅读模式
    • 新增长按选择功能
    • 独特的书签功能
    • 独特远程字体
    • 支持语音朗读

    软件操作：

    1.左上角文件夹-站点管理-导入-导入站点-搜索站点，选gitee，里面全是源，自己选。
    2.选好源地址，复制，回到APP导入站点，显示添加成功。
    3.点击app右上角+号，选择书本分类，右上角切换源地址。
    完成~

    IOS下载地址：APPSTORE 搜索“香色闺阁”

    香色闺阁AppFlex方式安装ipa方法（永久不掉）

    下载地址：https://wwtc.lanzouq.com/iREoG1cebfkj  （电脑上安装）

    香色闺阁源地址

    地址：https://github.com/shidahuilang/shuyuan

  • 自用前端程序员在线工具箱导航网源码

    自用前端程序员在线工具箱导航网源码

    今天给大家分享一个“前端程序员在线工具箱导航网源码”，既是前端程序员的工具导航，还可以自定义修改为其他类型的导航网。需要API的地方比较少，也不吃配置，随便弄个虚拟主机就可以跑起来自用了。

    1.演示地址

    演示地址：http://www.66zan.cn/

    2.修改说明

    • 后台改为账号密码登录，上传即用，不需要再改源码配置。
    • 删除无用的文件，减少源码包体积
    • 修复了部分失效的工具，比如ICP查询等

    3.导航源码下载

    源码下载：https://wwi.lanzoub.com/iLnnt1aefbcj

    （原文转载自hostloc，作者地址：https://hostloc.com/thread-1212280-1-1.html）

    导航网站源码专辑：https://www.xcbtmw.com/29413.html

    4.安装说明

    • PHP版本需>=7.0，<=7.4，伪静态规则使用ThinkPHP
    • 运行目录（绑定目录）改成public
    • 上传后直接可以使用
    • 后台地址/admin，默认后台账号密码：admin/123456