登录 [F2] | 注册 | 找回密码 | 软件下载 | 更新历史 | 关于本站 | 管理团队
首页 排行榜 录像 雷界 论坛 教程 雷神殿 我的地盘 新手上路
[技术]在线网页扫雷(手机录像播放).精 (9/2350)
 [雷圣] 胡恩彬 发表于 2018年5月31日
四月份心血来潮,突然想做一个网页版的扫雷,其实倒不是第一次有这个想法,最主要的目的就是在手机上播放录像,目前的一些手机播放软件也有这样或那样的问题。也想过写个app,但本人水平有限,对app的制作方面也知之甚少,总是心有余而力不足,搁置至今。

做网页扫雷的契机是通过TJD(张晔)了解到了国外的https://scoreganizer.net/streaming/watch_scoreganizer_replay/76306网站有录像播放的功能,多方了解下又知道了http://nondivine.dk/minesweeper/也有录像播放的功能,就将心思从app上转到了网页上,抱着反正闲着也是闲着的心态,历经一个多月,从一开始对html、css、js一无所知到现在的......知之甚少,终于将录像播放的功能勉强实现了。

当然目前的版本缺陷很多、功能很少,代码也很赘余,只是勉强实现了一些基本的功能。但是也希望大家在提出意见的时候可以谅解一下,毕竟作者没有系统地学过这些东西,甚至就只是看了几天网页方面的教程连jquery都没学就直接上手了,写的代码很多都是东拼西凑的,遇到什么功能需要实现的就现学现卖,临时查找实现的方法,还请大家多多谅解和支持他。

关于代码方面,最基本的框架是借鉴并大部分沿用了http://www.atool.org/minesweep.php这个网站的一些代码,主要是因为最开始的时候过于小白,对于最基本的一些比如变量赋值、函数定义等等操作都是一无所知的,迫于无处下手也只能通过理解别人的代码并加以实践慢慢学习。代码越写越多之后也就没有费心费力地再去重写框架了。至于界面方面,绝大部分是相当于移植了Arbiter,鉴于Arbiter的代码实在是看不懂...当然不说代码语言方面,大部分人写的代码我也都是看不懂的(包括我自己的),功能实现方面的代码基本都是一点一点敲出来的,也导致了算法方面可能写得很烂(哇...作者本人都觉得烂),有兴趣的可以帮他改善改善代码。

目前主要存在的问题:
1、部分浏览器左键按下时右键弹起无反应,可以认为是左键mousedown事件屏蔽了右键mouseup事件,本人暂无兼容方法,建议解决方法:升级浏览器。

2、兼容性较差,如:手机端排版、录像控制,要命的是手机端兼容是真的麻烦,明明在电脑成功模拟运行,实机运行就一堆问题,更改代码也有较长的延迟,只能尽力改善了,建议解决方法:向作者(也就是我啦)反馈、升级浏览器。

3、Mac端无法正常播放录像,具体原因不明,也没Mac给我调试啊...而本地浏览器模拟Mac端浏览器无此问题,建议解决方法:给作者寄台Mac以供调试或升级浏览器(大雾)。

4、暂不支持播放自定义、中键操作、问号标记的录像,其余Arbiter、Clone暂未发现播放问题,如有问题可以在此帖反馈。

5、打开方块有延迟,但据某鱼说无明显卡顿。可能是我的电脑性能太差了,可以感觉到很明显的延迟。

6、无录像功能,原因:鸡肋,就算录像下来了成绩也不被各网站认可,还占运行时间,所以干脆就不录像了。解决方法:等作者闲得慌自己完善。

7、未知BUG。

最后感谢TJD、校长、好多鱼还有小姐姐。虽然目前的版本问题还有许多,不过以后会持续完善,希望大家可以多多提出建议或意见,可以是算法、界面、功能等等各个方面的,只要有需要我都会尽力完善!!!

源代码:https://github.com/hgraceb/MineSweeper
在线网页:https://hgraceb.github.io/MineSweeper/

在线网页主界面-游戏-打开录像,选择录像上传就可以播放录像了。

买不起域名就只能凑合凑合用GitHub的免费版了,在流量和访问速度方面可能会不尽人意,还请各位能够谅解。
最近一次修改:2018-6-11 12:14:36
回复此主题
第 1 楼
 [雷圣] 李浩宇 回复于 2018年5月31日
疯狂给大佬打电话,太强了竟然还有小姐姐
第 2 楼
 [雷神] 石磊 回复于 2018年6月5日
强悍
第 3 楼
 [秀才] 史剑冬 回复于 2018年6月11日
https://scoreganizer.net/streaming/watch_scoreganizer_replay/76306

在线播放录像这个功能太选了...如果saolei.net也支持就好了..
第 4 楼
 [雷圣] 潘俊霖 回复于 2018年7月9日
同意3楼
第 5 楼
 [雷圣] 胡恩彬 回复于 2018年7月10日
关于本站的录像播放方面我有咨询过校长(网站负责人)看是否能进行移植方面的工作,不过校长没有明确的回复(估计莓戏)。

也就是说在未来的相当长一段时间内本站还是不支持站内网页播放录像的功能的。
第 6 楼
 [榜眼] 肖旭升 回复于 2018年7月10日
所以avf的格式是怎么样的?
第 7 楼
 [雷圣] 胡恩彬 回复于 2018年7月11日
我认为avf录像内信息具体可分为两种类型:

1、字符本身:可直接正常阅读,如时间戳信息、实际用时、皮肤、玩家标识、版本号等。

2、字符转编码:需将字符转化为相对应的字符编码并进行相应的信息提取,如级别、模式、雷的分布信息、鼠标事件等。

如:级别为avf文件内第五个字符转化为相应字符编码后-2,即初级avf文件内第五个字符相应的字符编码为3,中级为4,高级为5。其他信息与级别信息类似。

更多详情请移步:https://github.com/hgraceb/Rawvf
第 8 楼
 [雷圣] 张砷镓 回复于 2018年7月18日
之前的版本在mac上无法加载录像,现在的版本貌似正常了。有空找你集成到网站上去:)
第 9 楼
 [雷圣] 胡恩彬 回复于 2018年7月18日
好的
  共 9 篇回复  首页 | 上一页 | 下一页 | 末页  现在是第 1/1 页
楼主信息
Copyright @ 2008 扫雷网 Saolei.wang 版权所有 陕ICP备19026089号-1