menu 可爱小蛇
【建站笔记】- 视频背景的引导页制作
30 浏览 | 2021-01-21 | 阅读时间: 约 2 分钟 | 分类: 默认分类 | 标签:
请注意,本文编写于 83 天前,最后修改于 83 天前,其中某些信息可能已经过时。

耗时3天半的心血完成了新cutesnake.top的制作,虽然还只是照搬照抄的地步,但是做到这样的效果在我眼里已经是巨大的成功了,还好中间没有放弃。

套用的模板来自Rishabh,不过他的Readme写得过于简单,对于白痴的我有种无从下手的感觉。。。本来我是想整进secretbase里面去的,但是后来发现Rishabh用的是html+JavaScript,而secretbase的sakura模板,作者用的是php+css+js,“Sakura模板里是怎么实现点击播放功能的”,这个问题我怎么都看不明白。在style.css里面只是在控制装载视频的container之类的,按理来说有关点击触发的事件应该在index.php里面有说明,但是事实上index.php里却对这部分内容只字未提。而且麻烦的是我现在用的sakurairo主题是经3个人修改得到的,而最初的作者Akina所给出的说明文档所在的网站直接就打不开了……做到这一步花了我接近两天的时间。

所以我才直接放弃了整合代码的想法,转而去设置引导页。这就简单多了,毕竟只需要把Rishabh的代码全部下载下来,稍微改改再放到网站上套用就行。

这里有一个需要注意的点就是main.js里的这一部分:

// Array of objects containing the src and type
// of different video formats to add
src: [
  {
    src: 'night.mp4',
    type: 'video/mp4'
  },
  {
    src: 'http://test1.cutesnake.top/violet2.webm',
    type: 'video/webm;codecs="vp8, vorbis"'
  }
],

src要填自己上传的视频的所在位置,别傻傻的像我一样看他填的night.mp4,我就填了violet.mp4,他那样填实际上应该是在GitHub上读取的视频。

处理视频也花了我不少功夫。为了下载b站上的视频我先是下了you-get(homebrew万岁!terminal里一行搞定),然后用handbrake转码,ffmpeg(再次homebrew万岁!)剪切视频,再传到服务器上。下面分享一些资源:

  • homebrew国内源一键安装

terminal里直接

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

只能说,感谢大佬,属实给力。没国内源速度简直就是乌龟爬。

terminal里直接

brew install you-get
brew install ffmpeg

一个字,爽!
you-get指令基本上会一个you-get -i [url]足以搞定一切
ffmpeg精确裁切视频

开源视频转码器,超给力,屡试不爽(虽说ffmpeg也可以就是了,但是还是有ui界面比较舒服嘛!而且ffmpeg不知道为什么总出各种各样的问题,总之虽然强大但就是不太好用)。

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

发表评论

email
web

全部评论 (暂无评论)

info 还没有任何评论,你来说两句呐!