代码之家 › 专栏 › 技术社区 › Fabio Mora

适用于iPhone/iPad的HTML5视频。如何检测连接速度?

video-streaming ios html5

Fabio Mora · 技术社区 · 15 年前

我需要以尽可能好的质量在iPhone/iPad的Safari中传输视频。

我创建了两个视频文件:一个是低质量的,用于低速3G,另一个是高质量的,用于WiFi宽带流媒体。我注意到一些应用程序(例如YouTube)能够检测移动设备是否通过3G或WiFi运行,因此选择小尺寸的视频而不是高质量的视频。

这就是我的dom/javascript代码, 五元值替换为 PHP 并包含视频文件名:

<video id="thevideo" src="streaming/video_<?=$v ?>.m4v" width="600" height="360" width="640" height="360" preload="preload" controls="controls" autoplay="autoplay">
flowplayer/video<?=$v ?>.m4v
</video>    

<script type="text/javascript">
var myvideo = document.getElementById("thevideo");

myvideo.load();
myvideo.play();
</script>

我可以用javascript/webkit写一些能够检测连接模式的东西吗?

谢谢大家。

2 回复 | 直到 15 年前

Evan Mulawski 15 年前

我假设这将在您自己的应用程序中出现:

你可以用苹果的 Reachability 在发送uiwebview的请求之前确定应用程序中的连接类型。您可以通过添加查询来修改请求的URL:

//determine the connection type via Reachability

myURLString = [myURLString stringByAppendingString:[NSString stringWithFormat:@"?conntype=%@", *connTypeString]];

//then send the request for the page.

然后,解析php中的url查询以确定应该使用的视频url。