在 iPad 上调试 HTML5 视频的方法

Posted 2023-05-08

【中文标题】在 iPad 上调试 HTML5 视频的方法

【英文标题】：Approaches for debugging HTML5 video on an iPad

【发布时间】：2012-05-29 05:09:45

【问题描述】：

我正在编写一个视频编码器/服务器，以将视频提供给打算在 iPad 上运行的网络应用程序。 iPad 使用 html5 视频标签来检索和解码视频，我遇到了编码视频未正确解码的问题。

是否有类似 iPad 上的系统日志之类的东西，我可以在其中找到有关视频解码器在我的比特流中发现令人反感的内容的任何信息，或者通过任何其他方式了解解码过程？

【参考方案1】：

旧版本的 ios 允许您打开 Safari 调试控制台（设置 ->safari->高级 -> 调试控制台）。这对于记录错误等很方便。如果您是 mac 用户，显然有一个很好的界面可以这样做。

如果您有桌面 Safari，您还可以伪造用户代理，请参阅：http://www.dummies.com/how-to/content/how-to-activate-user-agent-switcher-in-safari.html 这将允许您使用 Web 调试工具来查看发生了什么。

或者，您可以在您的 web 应用程序中创建一个“调试”面板并劫持 console.log 函数，以便您可以查看错误等。

例子：

<div id="debug-info"></div>

<script>

(function()
    var oldLog = console.log;
    console.log = function (message) 
        // DO MESSAGE HERE.
        oldLog.apply(console, arguments);
        $('#debug-info').prepend('<p>'+message+'</p>')
    ;
)();

</script>