法情直播

[yewzhiyong]

隆重介绍，法情直播室。




登录

可以点击论坛左上角的链接，或通过 faqing.org/live

要得到登录密码，需先报名。
欢迎报名今晚的佛学讲座！faqing.org/buddha


许可协议 - Creative Commons

署名-非商业性使用
CC BY-NC 4.0

缘起

会建起这平台，起初是为了让更多人可以聆听黄博士的线上佛学讲座。我们用着的Webex，只限100人。博士公开让公众参与，报名人数超越250人。

设计这平台，考虑了这3点：
1. 要确保大部分人可以方便加入，不需下载软件。
2. 要有方法确保只是有报名者可以观看。
3. 有个空间给听者与主讲人交流。

[yewzhiyong]

在这里与大家分享整个建设网站的思路和过程。欢迎其他想设计直播系统的机构参考或模仿，只需个链接，连到这一页就可以了*。

*注：商业性使用，请先联系我。

挑战：
主要挑战是要直播影片。影片的文库大，要同时传播给上百人需很多bandwidth，法情的server也不能支撑。

因此，要在短时间内推出，需要用其他平台。现有的平台包括
1. Youtube
2. Vimeo
3. 社交网站 （面子书/Twitch)

我们选择了Youtube，因为Youtube在马来西亚有 server，因此上传/下载直播，素质可以提到最高。还有一个考虑点是YouTube是免费的，其他的直播平台，费用可不少。

加上，YouTube 允许网站 embed 影片，这样可以确保没有Youtube app的听者，同样可以收听。但，Youtube 的直播聊天室，只有通过app（加上个谷歌户口）才能利用。我们得用自己的聊天室。

[yewzhiyong]

交流

试了几种聊天室，最后决定使用 Blab!ax. 这个聊天室是可以自托(Self hosted），并且背后的code都可以调。最主要的是，它允许没注册的用户也可以使用。

无注册的用户，只要输入个名字，就可以加入聊天室了。但，背后系统很聪明。您输入的名字，就成了用户名，密码则是您的网络 IP 码。注册过程在背后，用户都不会看到。

直播密码锁定

最后，直播网页用了基本的php密码锁着。只让报名者，进入观看。

这样一设计，一堂讲座可以同时播放给上百万人也不成问题。听者也不必下载而外软件。这样，把门槛降到最低，同时也减少听者会遇到的技术问题。

[yewzhiyong]

直播存库

直播存库链接：faqing.org/live/library

第一次直播后，用听者要求重播。因此，我们需要设计个页面，有组织地呈现。

同时，也要限定有听直播的才可以观看直播。@老黄 也要求要限时，超过一定时间就不允许重播。

考虑了这几点，就发现还是通过密码限制播放是最简单的方法。

我们利用Javascript来设计密码系统，播放影片则用 Modal.js。网站是用bootstrap 4.0 来编写的，所以不管用电话或电脑开，内容都会自动调整位置。

[yewzhiyong]

进行了一次直播后，收到了大家的反馈，花了1星期做了需多的调整。

1. 直播网站 （https://faqing.org/live )
- 把背后的code 100% 重写过了。之前的code，这里抄一点，那边抄一点，所以很“膨“。现在加载网页会快多了。
- 密码用encryption守住了，没像之前就在code 里面。
- 主讲题目等都换成文字了。方便调制，不用修改 照片。
- 去掉了右下角的反馈单，多人投诉这很干扰，换成标题旁的”客服“按钮。


2. 聊天系统（https://faqing.org/chat)
- 可以注册了！如要保住您的宝贵用户名，欢迎去注册。
- Chrome 不会再autofill了。
- 用户名，2个字母或以上（这个非常多人要求）。
- 去除了1秒钟只能发1信息限制。
- 有个 android app。但功能和网页的一样，方便主讲人守着chat。

3. 客服 （ https://faqing.org/live/support )
- 以live chat 方式进行，万一没人online，就换成寄电邮。
- 把所有的客服都统一到 tawk.to。
- 包括登录网页，直播网页，和电邮的协助网址，都会送到这平台。
- 可以多人一起同时回复观众问题，提高效率。
- 不用到另一个网站chat，会有个pop up，好像面子书一样。

[yewzhiyong]

行动管制期间，网上有需多很棒的课程。偶尔，会看到一些课程需限制人数，因为使用的线上会议软件只能支撑100人。我觉得这是很可惜的。法情直播也是为了绕过人数限制而设计的。我们的设计，不需任何额外费用，可以有无限的参与人数。

在此，我允许非营利组织，采用我们设计的构造，在自己的设施部署，使用。不用帮我们打广告，或付费。只需设个链接，连到这一帖子就可以了。我们的系统设计，是以Creative Commons - 署名-非商业性使用许可协议下推出，如要知道更多，可以到这网页详读https://creativecommons.org/licenses/by-nc/4.0/deed.zh。

我把法情直播的背后系统详细在这里记载，主要是方便网站管理员知道我们如何设计，还有背后的一些考虑。这样相信可以省下其他人时间和精力。如有需要任何协助，欢迎在这一帖子下留言，我尽我能力帮忙。

[yewzhiyong]

法情直播室 V1.1

由于多人要求，加了直播存库，方便参与者回看。只需点击【播放】，后输入直播密码即可回看。



法情直播室 V1.1.1

昱伸声明，要同时回看系列性直播（如线上初级佛学课），每一次要输入密码很不方便。重写编写了开启回看视频系统，只需在右上角输入密码一次，就会解开所有同一个系列的视频。

[yewzhiyong]

法情直播室 v1.2

法情直播室主要直播通道已转去 Azure Media Services, 播放器使用 Video JS。换句话说，我们这一个版本开始，自己管理直播服务器。Youtube Live 会保留作为后备直播。

我们转去 Azure Media Services 是因为不少次直播一半，会被 Youtube Content ID系统阻止直播，因为播放些由 Youtube 断定为侵犯版权或违法使用权的视频。每当直播被停止后，我们后台需要手忙脚乱开启个新直播，及提供新链接给观众。

弄了个简化的 Flowchart，以便解释给老黄整个直播程序。

[yewzhiyong]

法情直播室 v1.2.1

为了知道观众观看直播时发生了什么问题，现在要转去后备直播视频前，观众需要完成一个 Typeform。完成后系统自动转换直播视频。

法情直播室 v1.2.2
简化了 Typeform 问题，也加上了让填写着选择性输入自己的电邮，让我们可以联络。

法情直播室 v1.2.3
添加了“一键登录“直播室。密码放在直播的 URL 里，为一个 URL Parameter。例子： https://faqing.org/live?password=123456。
直播主页会获取 ＵＲＬ里的密码，并自动帮观众登陆。

[yewzhiyong]

法情直播室 v1.3

把播放器转换成 Azure Media Player。我们发现到原来大多观众问题不是在于直播视频，而是浏览器不支持 video.js。经过不少的测试，我们发现 iOS （Iphone) 除了最新版，旧版本都不支撑 DASH 文件的直播视频，而只支持 HLS。

我起初是写了一个 script 断定用户是用什么浏览器来断定要推出的视频，可是我后期发现是没办法100%准确。最佳的系统是会自动更换，如果一个文件体失败了，就换下一个。Azure Media Player 可以做到。由 DASH > HLS > Smooth Streaming 的顺序测试，只要成功播放就用那个文件体。