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

发布于 2024-10-02 22:25:32 字数 711 浏览 3 评论 0原文

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

我创建了 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 中编写一些能够检测的内容吗连接方式？

感谢大家。

原文

I need to stream a video in Safari for iPhone/iPad with the best possible quality.

I created 2 video files: one in low-quality for slow 3G speed, one in hi-quality for WiFi broadband streaming. I noticed that some apps (YouTube for example) are able to detect if the mobile device is running by 3G or WiFi, and so select a small sized video rather than an hi-quality video.

Now that is my DOM / Javascript code, the $v value is replaced by PHP and contains the video filename:

<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>

Can I write something in Javascript / Webkit that is able to detect the connection mode?

Thanks to all.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浅唱々樱花落 2024-10-09 22:25:32

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

一个例子 - http://alexle.net/archives/257

回复收藏 0 原文

生生漫 2024-10-09 22:25:32

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

您可以使用Apple的可达性在发送 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。

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

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

I am assuming this will be in your own application:

You could use Apple's Reachability to determine the connection type in your application before sending the UIWebView's request. You can modify the request's URL by adding a query:

//determine the connection type via Reachability

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

//then send the request for the page.

Then, parse the URL query in PHP to determine the video URL that should be used.