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