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

时间:2010-11-15 14:27:45

标签: html5 ios video-streaming

我需要在Safari for iPhone / iPad中以最佳质量流式传输视频。

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

现在这是我的DOM / Javascript代码, $ v 值被 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 个答案:

答案 0 :(得分:3)

您必须加载某种文档来测试连接速度。

示例 - http://alexle.net/archives/257

答案 1 :(得分:2)

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

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

//determine the connection type via Reachability

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

//then send the request for the page.

然后,在PHP中解析URL查询以确定应该使用的视频URL。

  • 如果没有,则需要通过第三方Javascript或PHP脚本测试连接速度。

示例:http://jan.moesen.nu/code/php/speedtest/index.php?numKB=512