小编aut*_*coo的帖子

html5中的音频标签安全性

长版:

我使用html5音频标签在我的网站上播放mp3文件.使用Flash,我可以流式传输mp3并将其保护95%.

使用html5,很容易找到mp3位置,只需从那里下载.即使我使用独特的哈希来保护它,也不难检查chrome中的网络选项卡并查看带有哈希的mp3网址.

我想知道是否有其他方法可以保护mp3免受破坏,如果值得的话.例如,bandcamp会产生独特的哈希值,但下载mp3仍然非常容易.对于youtube,你有下载网站,可以处理flv流并翻录音频,并以mp3格式保存给用户.

我能想到的第一层安全性是将mp3文件的扩展名改为.txt或其他常见格式.

95%的用户没有发现扩展名,因为它默认隐藏在Windows和Apple上.这将阻止前95%的用户发现并播放mp3文件.

精简版

任何建议,以防止用户在使用html5音频标签时窃取mp3文件.

security audio html5

11
推荐指数
2
解决办法
6799
查看次数

Chrome不一致具有偏移的渲染元素

我在一个网站上工作并使用天堂的媒体查询来使网站响应.

但是我在Chrome中遇到了非常奇怪的错误,它将元素呈现在错误的位置(看起来它正在将页面中的多个元素对齐到右边.

我将附上错误对齐的屏幕截图.正如您所看到的,顶栏中的文字超出了界限.在中间,通常居中的每个元素都向右偏移.同样在底栏中,它会抛出通常在彼此顶部彼此相邻的文本元素.

要在线查看网站https://tunepitch.com/.奇怪的是,铬有时会让它错误,但很多时候它显示正确.它可以通过拖动窗口消失,但更有效的方法是杀死浏览器并重新启动它.

有谁知道为什么chrome有这个问题以及在我的CSS中导致它的原因是什么?

我尝试了什么:

  • 在Chrome开发人员工具中检查审核
  • 在检查器中修改样式变量
  • 禁用缓存
  • 禁用javascript

UPDATE

我花了一些时间调试css.逐行添加css仍然无法找到根问题.我注意到所有未对齐的元素都是webkit浏览器无法正确计算宽度.我希望额外的图像可以指出它.(尤其是当你悬停文字时,悬停时应该变成紫色.正如你所看到的那样,只有紫色到一定的宽度.

更新2 要清除javascript关闭问题仍然会发生.我试图为这个问题做一个简单的测试用例,但由于问题是如此不一致,我无法将其归结为简单的css块.

我在Windows 8.1上使用chrome 31.0.1650.57.我的一个客户也将Windows 7与31.0.1650.57结合使用.

更新3 我有一个现场视频,可以显示问题的怪异.你可以看到我第一次打开它是正确的,而不是我关闭并再次打开它,一切都没有对齐.然后,当我检查元素时,一切都跳到正确的位置(它总是不会这样做到youtube链接

更新4 @SetSailMedia是对的是在Chrome中使用svg字体.奇怪的是,我在其他一些网站上使用过这种字体,从未见过这个问题.我改回来从google的webfonts加载字体而不是我自己的托管字体.这导致字体再次变得难看,但它比元素的错位更好.

错误计算webkit

错误的对齐

html css html5 google-chrome css3

9
推荐指数
1
解决办法
1472
查看次数

Chrome SVG webfonts选择输入中的奇怪字符

Windows 8上的Chrome 26.0.1410.64m在渲染WebFonts时遇到问题.这是一个已知问题,解决方案是首先提供字体的svg版本而不是woff版本.它修复了抗锯齿并使字体看起来很漂亮.

这种方法的缺点是选择输入内部元素内部的奇怪渲染.

我添加了一个jsfiddle来看它的实际效果:http://jsfiddle.net/4mSpv/6/.

CSS尽可能简单.

@font-face {
    font-family: 'Montserrat';
    src: url('https://raw.github.com/louh/website/master/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
select {
    font-family: 'Montserrat', sans-serif;
}
Run Code Online (Sandbox Code Playgroud)

我删除了一个字体的本地安装,并注意到其他Windows 7计算机也这样做.谁知道铬的情况如何?(IE,Firefox,Safari都渲染得很好)

选择输入渲染字体chrome

PS:JSFiddle中没有包含其他浏览器字体来过滤问题,每个浏览器都有自己的怪癖(不允许使用字体大小等),但渲染文字很好

html css rendering google-chrome webfonts

8
推荐指数
1
解决办法
2455
查看次数

是否可以在Actionscript 3.0中进行实时网络游戏

问题:是否可以通过套接字连接更新Flash Player中的100多个对象?更多细节和我自己的尝试在下面!

细节

对于我的实习,我有时间创建一个多人物理游戏.我坚持了三个月.我的实习即将结束,我无法完成比赛.

我的问题是它很难每次发送多个数据包到服务器并返回.我发送的数据包是对象的位置更新和其他客户端的鼠标.

我将尝试解释网络/游戏流程.

  1. 客户端使用AS3中的二进制Socket类连接到服务器
  2. 服务器要求验证,客户端发送名称和缩略图.
  3. 服务器等待直到4个客户端连接(一些匹配等)
  4. 服务器选择4个客户端并使它们在单独的线程上运行(作为一个团队组合)
  5. 客户端将其性能分数发送到服务器范围1-100.
  6. 服务器使最好的客户端成为物理主机和其他3个从属服务器
  7. 主机游戏设置关卡并在关卡中制作大约1-100个形状(主要形状和复杂形状,如桥梁,马达,弹簧)
  8. 每个时间步骤主机获取形状的所有更新属性并将它们发送到客户端(x,y,旋转,睡眠)
  9. 客户端将所有形状属性应用于正确的形状

我尝试了不同的时间步骤并注意到,直到1/15秒的时间步长,客户端(奴隶)将不会注意到游戏中的任何滞后.我还尝试选择较低的时间步长并补间形状的运动,但这确实在客户端(从属)方面产生了一些奇怪的动作.

我将举一个单个对象更新包的例子.

<O|t=s:u|x=201|y=202|f=automaticoo</O
<O|t=m:p|x=100|y=345|f=automaticoo</O
Run Code Online (Sandbox Code Playgroud)

我注意到Flash Player可以在发送之前在缓冲区中堆叠大量数据包.例如,如果我一次发送大量数据包,它会将它们堆叠起来并将它们一起发送到服务器.通过更快的时间步长,您无法在客户端(从属)端获得更多更新,但在同一数据包行中获得更多更新.

尝试

  1. 使用新的RTMFP(udp和p2p)协议进行更新.(性能稍好但可靠性较差)
  2. 使用c ++而不是Air(使用ServerSocket)对我的整个套接字服务器进行编码(性能更好,但注意到滞后部分不是服务器而是Flash Player)
  3. 使用ByteArray压缩方法和AMF序列化格式(性能大致相同,但c ++服务器不能反序列化消息)

你们认为在Flash Player中有可能每次都处理这么多的更新请求.

发现

在ActionScript 3.0中有一个多人游戏棒竞技场游戏.他们使用了大量的欺骗手段,即使这样我也能获得大约300毫秒的ping,它只会不断更新玩家(大厅中有4名玩家).

对不起,很长的帖子.

c++ sockets flash actionscript-3

5
推荐指数
1
解决办法
1289
查看次数