嵌入测试工具--demo编写:
http://e.vhall.com/home/vhallapi/embed
背景:此前的嵌入测试,存在缺少demo,直接测试嵌入地址,与客户使用场景不符,导致测试不全的情况。
价值:借助参考嵌入指南写的demo进行嵌入页的功能和兼容性测试。
操作说明:
以下嵌入测试demo,部署在测试环境,地址如下,后面的url为你想嵌入的任意地址
http://172.16.**************:8000/iframe/?url=
示例如下:
视频嵌入 http://172.16.11.200:8000/iframe/?url=https://live.v**************ituser/184454569?embed=video
完全嵌入 http://172.1**************:8000/iframe/?url=https://t-web**************inar/inituser/822771617
代码如下
<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>
路由配置