[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"solution-scenes-menu":3,"tech-detail-1862":4},true,{"id":5,"title":6,"content":7,"picUrl":8,"tagIds":9,"keyWords":10,"htmlDescribe":11,"htmlUrl":12,"gmtCreate":13,"gmtModified":13,"articleInfoId":14},"1862","美畅物联｜美畅H5播放器接入","\u003Cp>本播放器集成了公司业务的接口，包含了实播，回放，云台控制和回放速度控制，截图和全屏功能\u003Cbr \u002F>可以根据type直接初始化接口地址\u003Cbr \u002F>如果是第三方业务对接，也可以单独配置接口地址\u003C\u002Fp>\u003Cp>正确使用美畅H5播放器需要按以下步骤进行配置：\u003C\u002Fp>\u003Ch3>首先先把showVideo的文件夹放到根目录下\u003C\u002Fh3>\u003Cp style=\"text-align:center\">\u003Cimg src=\"https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002F89e0ccb0-f221-43c2-aad1-c7993863661c.jpg\" alt=\"\" loading=\"lazy\" \u002F>\u003C\u002Fp>\u003Ch3>在页面中引用相关文件\u003C\u002Fh3>\u003Cp style=\"text-align:center\">\u003Cimg src=\"https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002F3f74c97f-230b-429b-92f2-cdb1bae15d54.JPG\" alt=\"\" loading=\"lazy\" \u002F>\u003C\u002Fp>\u003Ch3 style=\"text-align:left\">初始化播放器的相关配置\u003C\u002Fh3>\u003Cp style=\"text-align:left\">showVideo.setVideoOption({})\u003C\u002Fp>\u003Cp style=\"text-align:left\">本播放器集成了公司业务的接口，包含了实播，回放，云台控制和回放速度控制，截图和全屏功能\u003C\u002Fp>\u003Cp style=\"text-align:left\">可以根据type直接初始化接口地址\u003C\u002Fp>\u003Cp style=\"text-align:left\">如果是第三方业务对接，也可以单独配置接口地址\u003C\u002Fp>\u003Cp style=\"text-align:left\">url 是接口前缀，配置统一地址\u003C\u002Fp>\u003Cp style=\"text-align:center\">\u003Cimg src=\"https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002F9d38a02e-a208-4362-8482-6c6cfc230613.JPG\" alt=\"\" loading=\"lazy\" \u002F>\u003C\u002Fp>\u003Ch3>初始化播放器\u003C\u002Fh3>\u003Cp style=\"text-align:center\">\u003Cimg src=\"https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002F78fd727f-3f16-4b35-8924-032ab0fed0a4.JPG\" alt=\"\" loading=\"lazy\" \u002F>\u003C\u002Fp>\u003Cp style=\"text-align:left\">\u003Cspan style=\"color:rgb(77, 77, 77);background-color:rgb(255, 255, 255);font-size:16px\">返回播放器对象\u003Cbr \u002F>其中4个参数分别对应\u003Cbr \u002F>id 页面div的id\u003Cbr \u002F>playback 是否回放\u003Cbr \u002F>Control 显示云台 根据设备实际情况\u003Cbr \u002F>Compress 显示压缩 根据设备实际情况\u003C\u002Fspan>\u003C\u002Fp>\u003Cp style=\"text-align:center\">\u003Cimg src=\"https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002F6a8ebd51-63f3-44f4-8dc4-80e19f841fde.JPG\" alt=\"\" loading=\"lazy\" \u002F>\u003C\u002Fp>\u003Ch3 style=\"text-align:left\">开始播放\u003C\u002Fh3>\u003Cp style=\"text-align:left\">oVideo.setVideoData({},{})\u003C\u002Fp>\u003Cp style=\"text-align:left\">可以传两个对象，第一个传的是播放用到的参数，第二个穿的是接口调用后返回的数据\u003C\u002Fp>\u003Cp style=\"text-align:left\">其中第一个对象传的是设备的参数，根据业务接口传\u003C\u002Fp>\u003Cp style=\"text-align:left\">streamKind：默认码流1（1.子码流，0主码流）\u003C\u002Fp>\u003Cp style=\"text-align:left\">fileLocation：默认回放文件地址（2.集中录像， 3.设备录像）\u003C\u002Fp>\u003Cp style=\"text-align:center\">\u003Cimg src=\"https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002Fa9e4bc36-1eeb-4eba-9bd6-577d5cd02e37.JPG\" alt=\"\" loading=\"lazy\" \u002F>\u003C\u002Fp>\u003Ch3>销毁播放器\u003C\u002Fh3>\u003Cp style=\"text-align:center\">\u003Cimg src=\"https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002F7da54927-3d10-484f-9174-a86369e3efee.JPG\" alt=\"\" loading=\"lazy\" \u002F>\u003C\u002Fp>\u003Ch3>提供直接播放地址\u003C\u002Fh3>\u003Cp style=\"text-align:center\">\u003Cimg src=\"https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002Fb6fcf1f9-7d4d-4032-a79d-071e5f17058e.JPG\" alt=\"\" loading=\"lazy\" \u002F>\u003C\u002Fp>\u003Cp style=\"text-align:center\">\u003Cbr \u002F>\u003C\u002Fp>\u003Cp style=\"text-align:left\">————————————————\u003C\u002Fp>\u003Cp style=\"text-align:left\">畅联AIoT开放云平台(www.24hlink.cn)由杭州美畅物联技术有限公司精心打造，不仅能够接入视频，也可以接入、管理各种IoT设备、工业现场设备，在AIoT开发领域能给合作伙伴带来难以置信的的降本增效价值。\u003C\u002Fp>\u003Cp style=\"text-align:center\">\u003Cbr \u002F>\u003C\u002Fp>\u003Cp style=\"text-align:center\">\u003Cbr \u002F>\u003C\u002Fp>","https:\u002F\u002Fqu-link.oss-cn-hangzhou.aliyuncs.com\u002F2023\u002F10\u002F19\u002F59c888e7-acc7-48f5-95ed-347d4a3aa2f9.jpg","9","美畅，美畅物联，畅联，畅联云平台，视频监控云平台，云视频监控，视频云平台，视频开放平台，视频感知云，视频接入网关，AIoT综合接入网关，视频中台，物联网中台，无插件播放，H265播放，Ehome，ISUP， GB28181，GB35114，gat1400，JT808，JT1078","原创技术文档","http:\u002F\u002Fwww.24hlink.cn\u002Fweb-index\u002FGGC7NJ0.html","2023-10-19 14:54:45","626"]