MYOJ 增加新功能——视频题解，文字题解和参考代码

在 MYOJ 正式增加以下三项新功能。
1、视频题解支持。目前视频支持 B 站视频和本地视频。
2、题解功能。
3、AC参考代码功能。

视频题解功能

目前视频支持 B 站视频和本地视频。B 站视频已经调试完成，本地视频暂时没有实现上传功能。

实现机制

网页内嵌视频播放功能 + 数据库支持。

增加 B 站视频

获取 B 站视频连接

打开 B 站，找到对应的视频。视频下方有一个分享按钮，如下图。

点击分享，将出现下面的对话框。

选择嵌入代码，点击复制。可以得到对应的视频地址。例如样例视频地址为：

<iframe src="//player.bilibili.com/player.html?aid=371998525&bvid=BV1dZ4y1P7hw&cid=230558422&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

注意，我们只保留 src 段数据，也就是

//player.bilibili.com/player.html?aid=371998525&bvid=BV1dZ4y1P7hw&cid=230558422&page=1

在前面增加上 https:，对应的完整视频连接信息如下：

https://player.bilibili.com/player.html?aid=371998525&bvid=BV1dZ4y1P7hw&cid=230558422&page=1

拷贝这个视频连接。

MYOJ 中增加视频连接

点击新建题目，或者修改题目。在题目的最下面有如下的区域，用于保存视频地址连接。如下图。

将 B 站的视频地址拷贝到这个文本框中即可。拷贝后如下图所示。

点击 Submit，即可。
这样打开对应的题目，将出现如下的界面。

点击播放按钮，就可以观看视频题解。唯一遗憾的是，B 站限制最高清晰度只能到 720P。

题解功能

本功能主要目的是给使用着增加题解。

实现机制

Ajax 推送 + 数据库支持。

如何增加题解

有管理权限用户进入编辑题目或者新建题目状态，找到题解对应的位置。输入题解即可，支持 Latex 语法。
如下图所示。

题解使用

支持题解的题目，使用这打开对应的题目，将有如下界面。

点击获取题解按钮。服务器将从数据库获取对应题目题解，并推送给前端。样例如下。

参考代码功能

本功能主要目的是给使用着增加查看AC参考代码。

实现机制

Ajax 推送 + 数据库支持。

如何增加AC代码

有管理权限用户进入编辑题目或者新建题目状态，找到参考代码对应的位置。输入参考代码即可。
如下图所示。

参考代码使用

支持参考代码的题目，使用这打开对应的题目，将有如下界面。

点击获取代码按钮。服务器将从数据库获取对应题目参考代码，并推送给前端。样例如下。

结束语

MYOJ 的很多前端功能还在逐步调试中。增加这些功能，主要是为了使用者更方便的使用和学习。
希望大家慎用题解和参考代码功能。