不少机构在建设信息平台时会有展示视频/音频的需求,一般是机构的宣传视频或项目相关的课程、知识普及类内容的视频/音频。
然而,在自己的信息平台上传和展示视频/音频却不如上传图片那么简单,主要会受到两个因素的制约。
1. 服务器存储空间、网络带宽的限制
云服务器存储空间和网络带宽是根据配置的高低来收费的,其中网络带宽比较贵。由于视频/音频的占用空间大,在用户播放时占用的网络带宽也比较大。只要访问的用户稍微多一点就有可能导致别的用户无法正常访问。
2. 视频/音频编码格式的限制
浏览器或小程序能支持的视频/音频编码格式是有要求的,要让视频/音频能在网站上播放,需要采用特定的编码格式。而用户可能用不同的设备拍摄,某些格式不能直接播放,需要用户进行转码。
基于视频/音频的特性和需求情况,我们常常会采用两种方式来实现在网站上展示视频/音频。
1. 上传到第三方视频平台,再嵌入网站中
第三方视频平台提供免费的视频上传服务,同时往往提供“分享代码”,可以直接复制然后嵌入到自己的网站。
这是最简单的展示视频的方法,不需要对网站做任何开发和改动。
这种方法的优点是:无论上传和展示多少视频,都不会占用网站服务器的空间和带宽。使用视频平台提供的分享代码,可以把视频嵌入到网站任何页面。
但这种方法的缺点也很明显。首先是通过第三方平台上传的视频,会显示平台的LOGO,播放时需要观看广告,用户的体验不是很好。而且一般只支持上传视频,不能上传音频。
推荐使用的第三方视频平台包括:腾讯视频、哔哩哔哩。其中腾讯视频在微信上播放的效果较好,而哔哩哔哩的亮点是无广告。
参考例子:颗粒公益官网的案例展示
颗粒公益为非营利机构提供影像制作服务,他们有大量的公益影像作品需要在官网展示。
颗粒公益采用了嵌入第三方平台的方式,只需要上传视频到腾讯,再将代码贴到网站上就可以实现展示和播放。
2. 实现自己平台的上传和展示视频/音频功能
有些机构比较在意第三方平台的广告,同时也希望能实现一些对用户观看视频/音频的互动操作,这时最好采用自主实现视频/音频上传展示的方式。
如果我们希望将上传的视频展示在文章内容里,应该在编辑文章的富文本编辑器中实现上传功能,上传后就可以插入到文章的任意位置了。
如果我们的网站是定制的课程学习或知识普及平台,希望视频能展示在固定的位置,就可以采用特定字段上传视频/音频的方式,上传后可以编写好视频的标题、类型、介绍等内容,在前台按设计的版式来展示。
采用这种方式,优点是无广告无LOGO,支持上传展示视频或音频,同时还可以对上传的视频/音频进行统一的压缩、编码,以便于在网站播放。更深入一点,还可以定制开发检测用户状态或跟用户互动的功能,如判断用户是否完成观看等。
而缺点则是需要定制开发,并且会占用大量的服务空间和网络带宽。
如果视频/音频的数量和访问量都比较大,可以考虑采用云服务商的存储服务和视频点播服务,这样可以减少对网站服务器的影响,给用户提供更流畅的体验。
参考例子:双百社工学苑
双百社工学苑是面向双百工程的认证社工的课程学习平台,社工在平台可以学习多门课程,每门课程分若干章节,需要看完一个章节课程才能学习下一个。
通过自主开发的视频上传和处理,每个视频都能流畅地播放,并且检测用户完成观看之后再开启下一章节。
如何选择
不同的平台需求可以选择不同的方式。
对于一般展示型官网来说,上传视频/音频是一个低频需求,可能只是需要上传一两个机构介绍视频,建议是采用第三方视频平台的方式,可以减少额外的开发和云服务投入。
如果希望提升用户观看体验,也可以采用先转换好编码、再上传到服务器的方式,在访问量不大的情况下不会影响网站速度。
对于以视频/音频的展示为核心业务的平台,如在线课程平台或以用户生产内容为主的平台,建议自行开发视频/音频上传和展示功能,并且将资源存储在云服务,做好相应的转码、缩放、压缩等步骤,以提供最好的平台体验。