分类 Internet 下的文章

bootcss cdn 已停止前端库 CDN 加速服务

国内的好多家前端资源公共库都不太稳定,新浪、百度、又拍、360都相继出过事故,前端资源无法加载等等翻车现场,让广大站长操碎了心。

很不幸的事还是发生了,BootCDN 中国最著名的公共 CDN 服务之一 (2013 - 2018.10) 倒闭了,虽然对我的网站没什么影响,但还是在V2EX炸开了锅。

只要你网站有引用 bootcdn 前端公共库资源,比如 css js 等等都会被重定向到 cloudflare 节点上,由于国内网络环境因素,cloudflare 到中国的速度并不怎么样,反而还会拖慢网站加载速度。

如果你的网站主题文件里有引用 bootcdn 公共库的资源链接就赶紧替换成其他的 CDN 前端公共库链接。

  • www.bootcdn.cn 上现在获取的文件链接全部是 cdnjs.cloudflare.com 的
  • BootStrap 中文网 v3 文档 中的「开始使用」里的 CDN 范例已经更改为 cdn.jsdelivr.net
  • www.bootcdn.cn 自己的静态文件都在用 cdn.jsdelivr.net 加载

BootCDN 已做 301 跳转并停止服务了。

前端公共库推荐:

  • css.loli.net
  • Staticfile.org
  • jsDelivr.com
  • cdnjs.com

如果您犹豫不决,不知道哪家稳定好用,可以参考此文评测:以全新的视角来评测公共 CDN

在 bootcdn 关闭服务并重定向到 cloudflare 加速节点之后,我就把我网站主题所有 bootcdn 引用的 js css 等等相关文件全部下载到本地并替换成本地链接进行加载。

Typecho Plyr HTML5 自适应本地 mp3/mp4 播放插件

20180925223901.png

Plyr

简单,轻便,可访问且可自定义的HTML5,YouTube和Vimeo媒体播放器,支持现代浏览器。

Features

  • Accessible - full support for VTT captions and screen readers
  • Customisable - make the player look how you want with the markup you
    want
  • Good HTML - uses the right elements. <input type="range">for volume
    and <progress>for progress and well, <button>s for buttons. There's
    no <span> or <a href="#"> button hacks
  • Responsive - works with any screen size
  • HTML Video & Audio - support for both formats
  • Embedded Video - support for YouTube and Vimeo video playback
  • Monetization - make money from your videos
  • Streaming - support for hls.js, Shaka and dash.js streaming playback
  • API - toggle playback, volume, seeking, and more through a
    standardized API
    ······

更多详情请访问 plyr 官网:https://plyr.io

上诉官方说明了支持哪些元素特征,比如支持API,字幕等等特征,基本的HTML5控制标签都支持,如果您需要其他的控件元素支持,请参考开源项目自行添加标签:https://plyr.io

由于之前本人使用过羽中的视频播放插件,但是有个致命的缺陷,那就是不能完全自适应,在某些设备上错位很严重,而且有些主题或者设备不能完全全屏播放,影响体验!自己尝试过修改源码,但由于是高度集成,修改起来吃力麻烦,放弃!

后来使用的是原生自带的HTML5元素控件代码来播放视频,控件样式体验很糟糕,视频中间大大的一个播放按钮看起来真的丑到爆,时间线样式也很难看,无意间搜索到 Plyr HTML5 看到它的默认播放界面真的很好看,今天抽空把官方提供的JS文件和CSS文件整合了,制作了一个插件。

既然官方提供了 MP3 播放源码,就一起集成了 MP3 音频播放和 MP4 视频播放功能,整合了其它控件元素,基本上保持与 Plyr 官网样式同步。

使用 HTML5 原生样式:

20180926000103.png

使用 Plyr HTML5 样式:

20180926001558.png

MP3 和移动端效果不提供预览,我自己测试时效果很棒,您可自行测试。

是不是马上觉得使用 Plyr HTML5 样式好看多了?如果您喜欢,就往下看吧。

功能:

  • PC 端与手机端自适应。
  • 与 Plyr 官方控件样式同步。
  • 只需一个插件,即可播放MP3/MP4。

安装:

下载地址:Plyr

下载之后自行上传到 Typecho 插件目录修改插件名为:plyr 并启用。

使用:

MP4:

<video src="https://xxx.com/xxx.mp4"></video>

带封面:

<video poster="https://xxx.com/xxx.jpg" src="https://xxx.com/xxx.mp4"></video>

MP3:

<div><audio src="http://xxx.com/xxx.mp3"></audio></div>

预览效果:https://inwao.com/Unbroken.html

注:此插件已集成 HTML 5 基本按钮元素控件,无需像原生 HTML 5 一样还要写入元素控件,只需一个视频地址即可播放。

由于设置了不自动播放,想设置MP3自动播放的,请添加自动播放 autoplay 标签或者修改源码 autoplay 标签。

目前仅在 Typecho1.0 测试OK,理论支持所有正式版与开发版,并没有加入 Youtube 与优酷、腾讯等在线视频功能,Youtube 被屏蔽,腾讯和优酷视频都有广告,只测试了本地视频播放,如您有兴趣,也可自己加入测试。

由于我设置了自适应,就不需要添加宽高元素了,如与原生元素发生冲突,保留带封面元素再删除其它元素控件,如果还需要添加其他的元素控件,请参考:https://github.com/sampotts/plyr

更新记录:

  • 加入播放速度功能。 9/25
  • 修改默认自动预加载,但不自动播放。 9/25
  • 修复同一篇文章不能播放两个视频,自动 Plyr 初始化。 9/26
  • 播放代码细节优化。9/29

「碟中谍6:全面瓦解」Mission.Impossible.Fallout.1080p

◎译  名 碟中谍6:全面瓦解/碟中谍6/不可能的任务:全面瓦解(台)/职业特工队:叛逆之谜(港)

◎片  名 Mission: Impossible - Fallout

◎年  代 2018

◎产  地 美国

◎类  别 动作/惊悚/冒险

◎语  言 英语/法语

◎上映日期 2018-07-27(美国)/2018-08-31(中国大陆)

◎豆瓣评分 8.3/10 from 170,694 users

◎豆瓣链接 https://movie.douban.com/subject/26336252/

◎片  长 147分钟/148分钟(中国大陆)

HDRip(种子磁力链接):

碟中谍6:[Mission.Impossible.Fallout.2018.720p.KORSUB.HDRip.XviD.MP3-STUTTERSHIT-[rarbg.to] 6.9GB

「许巍定制」自建 Typecho 一言API本地服务并调用

typecho

Hitokoto·一言是一个挺有意思的项目,一言网(Hitokoto.cn)创立于2016年,隶属于萌创Team,目前网站主要提供一句话服务。

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。

简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是电影中的经典台词亦或者是生活中的小感悟...

或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。

本API去除原API的各种链接、各种参数,简洁得只剩下字了!还能免去一个插件使用。

数据获取

  • 请求地址:https://api.inwao.com
  • 请求方式:GET
  • 请求编码:接口:charset 参数:UTF-8/GBK
  • 请求参数:接口:inwao 参数:js
  • 禁止协议:http请求协议已禁止,防劫持

网络上有很多现成的一言API,随时都有可能不提供调用服务,而且别人的一言句子我不太喜欢,并且简单好用的都不开源,复杂的虽然开源,但是麻烦,还要数据库和其他环境编译什么的,麻烦!索性自己编写了一个,不需要数据库也不需要其他的环境编译,一个txt和一个php文件直接调用,简单高效。

现在,你每刷新一次,菜单栏上方都会出现不同的一句话哦。

自建一言API许巍歌词版本,去除了官方所有的文本,自收录许巍所有专辑经典歌词,个人定制。

自用,不开源,防止大规模滥用,如果您喜欢,可留言给我,我会在空余时间把自建的一言API调用链接代码发送到您留言所填的邮箱中。

Freekan 3.8.5 去广告自动采集全网VIP影视在线观看源码

Freekan是前几个月很火的无数据库影视播放系统,可以免费观看各大电影站的VIP会员内容(其实也是依赖于解析接口),这里分享一个最新版本的Freekan源码,同时把原来源码的广告都去除了。

Demo地址:http://movie.molijx.com

源码下载地址:https://www.lanzous.com/i1renaf

安装教程:

准备环境

  • PHP7.0+
  • nginx

下载并解压源码

源码下载之后,解压到网站目录下,假设当前目录为:/www/wwwroot/movie.molijx.com/

添加域名并修改nginx配置

notice:安装freekan必须添加域名(ip也行),然后修改nginx配置

假设你已经添加了域名,然后添加以下配置到你的nginx配置文件中,设置伪静态

if (!-e $request_filename) {
      rewrite ^/(.*)$ /index.php?q=$1 last;
    }

访问并安装

1

2

3

4

使用建议:

因为Freekan本身没有使用数据库储存影视数据,因此打开首页、列表页等都会较慢,如何选择服务器?在服务器运行:

curl http://www.360kan.com

看看速度,如果打开很慢,那么放弃这个服务器。

带宽问题,实际上Freekan就是个爬虫程序,而且是实时的,如果流量较大的话,对服务器的带宽就有一定要求,最好可以有10M以上带宽。

建议个人搭建使用,流量大了烧钱无底洞,除非无限流量。

出处:hostloc ID:Abbey