嵌入测试工具--demo编写

快来打我* 2023-06-04 15:50 8阅读 0赞

嵌入测试工具--demo编写：

[http://e.vhall.com/home/vhallapi/embed][http_e.vhall.com_home_vhallapi_embed]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjcxOTUx_size_16_color_FFFFFF_t_70][]

背景：此前的嵌入测试，存在缺少demo，直接测试嵌入地址，与客户使用场景不符，导致测试不全的情况。

价值：借助参考嵌入指南写的demo进行嵌入页的功能和兼容性测试。

操作说明：

以下嵌入测试demo，部署在测试环境，地址如下，后面的url为你想嵌入的任意地址

[http://172.16.][http_172.16.][\*\*\*\*\*\*\*\*\*\*\*\*\*\*][Link 1][:8000/iframe/][http_172.16.][?url=][Link 1]

示例如下：

视频嵌入      [http://172.16.11.200:8000/iframe/][http_172.16.][?url=https://live.v\*\*\*\*\*\*\*\*\*\*\*\*\*\*ituser/184454569?embed=video][Link 1]

完全嵌入      [http://172.1][http_172.16.][\*\*\*\*\*\*\*\*\*\*\*\*\*\*][Link 1][:8000/iframe/][http_172.16.][?url=https://t-web][url_https_t-web][\*\*\*\*\*\*\*\*\*\*\*\*\*\*][Link 1][inar/inituser/822771617][url_https_t-web]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjcxOTUx_size_16_color_FFFFFF_t_70 1][]

代码如下

<html>
    <head>
    <title>
        内嵌测试专用页面--观看端
    </title>
        <style>
            *{margin:0;padding:0}
        </style>
    </head>
    <body>
    <iframe id="demo-iframe" allow="microphone;camera" border="0" src="" width="100%" height="100%" style="border: none;"></iframe>
    <script>
    function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return '';
        }
        document.getElementById('demo-iframe').src=getQueryString('url');
    </script>
    </body>
    </html>

路由配置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjcxOTUx_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjcxOTUx_size_16_color_FFFFFF_t_70 3][]

[http_e.vhall.com_home_vhallapi_embed]: http://e.vhall.com/home/vhallapi/embed
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjcxOTUx_size_16_color_FFFFFF_t_70]: /images/20230601/81f7d2d196454bf889319a149ec2333f.png
[http_172.16.]: http://172.16.11.200:8000/iframe/
[Link 1]: https://t.e.vhall.com/demo/iframe?url=https://live.vhall.com/webinar/inituser/184454569?embed=video
[url_https_t-web]: https://t.e.vhall.com/demo/iframe?url=https://t-webinar.e.vhall.com/webinar/inituser/822771617
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjcxOTUx_size_16_color_FFFFFF_t_70 1]: /images/20230601/bff1ef0e1a3842488faf8e78f46f8fa3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjcxOTUx_size_16_color_FFFFFF_t_70 2]: /images/20230601/121470c9acb54e10bde1b836d7e7bdea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NjcxOTUx_size_16_color_FFFFFF_t_70 3]: /images/20230601/ff0d4e3892f547c09c2632e771d505c4.png