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

Free-Thinker 阅读:58 2025-06-02 22:19:02 评论: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中编写能够检测连接模式的内容吗?

谢谢大家。

请您参考如下方法:

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

  • 在发送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


    标签:HTML5
    声明

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    关注我们

    一个IT知识分享的公众号