使用Snapic有很多许多自己设置和注意的地方,主题已经修改完毕,现在把文章编辑相关的设置列示一下。

插入地图

展示:使用自定义字段 point 添加拍摄坐标点的所有文章,都会在该地图页面显示。

插入图片 Markdown 语法:

![图片描述](图片链接)

插入文本链接 Markdown 语法:

[文本内容](文本链接)

插入媒体

这里是最麻烦的,首先作者设置的插入媒体可以使用Typecho自带的编辑器或者使用Markdown语法插入,但这样插入媒体只能在首页显示,我想实现进入到文章界面也能直接播放媒体,于是引入了Dplayer。关于如何启用Dplayer插件可以看这篇文章。


因为我常用的视频格式通常是mp4,DPlayer是我找到的最佳HTML5弹幕视频播放器解决方案。

使用方式

默认不自动播放,弹幕不开启

开启弹幕

开启自动播放

视频转码

但这里上传手机拍摄的视频会遇到一个问题,IPhone拍摄的HEVC(H.265)编码视频不能直接使用Dplayer在文章页面显示,需要转码为H.264编码才能在PC端正常显示。

关于HEVC(H.265)编码的介绍可以看这篇文章。


我这里使用handbrake进行视频转码,视频编码器选择H.264(×264)
转码
转码完成后,再上传到文章页面,发现终于可以播放了。但问题还没有结束...

调整色彩空间

转码完成后,发现PC端和IoS端视频播放都正常,但在安卓端播放却白光过曝,整个画面非常的亮。这是因为IPhone录制的时候自带HDR


需要调整一下色彩空间才能在安卓端正常显示。
调整色彩空间

其他情况

如果遇到HEVC(H.265)在转码为H.264时,只能在PC端正常显示,安卓端无法加载的情况。或者安卓手机拍摄的视频上传后在IOS端无法加载的情况,是因为H.264中有profile(画质级别)和level(用来约束分辨率、帧率和码率)的区分。

通过苹果官方文档中ios能支持的视频格式可知,并不是所有h264编码的mp4文件都能在ios中播放。
iOS不支持所有h264格式
从文档可以看到转码为h264 high 4.1基本可以支持phone4s +的苹果设备,如果要兼容所有(包括iphone3gsiphone4),需要转为baseline 3.1
于是,我们需要再使用handbrake进行修改,把profile(画质级别)修改为high 4.1,这样就解决了双端的视频显示问题。
修改profile

End

本文标题: Snapic 文章配置记录

本文链接: https://blog.kisenhz.cn/archives/21.html

除非另有说明,本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

声明:转载请注明文章来源。

最后修改:2024 年 08 月 06 日
如果觉得我的文章对你有用,请随意赞赏