敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20241115.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
♦ 一览好兔视频
初始化
jsBridge.yilan.init({ //必须,字符串类型,accessKey accessKey : "yl3sdxmli7kq", //必须,字符串类型,accessToken accessToken : "q4iv6izb3q1qtisuo2julp0khxbtvv9c", //渠道号,仅用于 iOS sid: "", //用户ID,仅用于 iOS uid: "user_abc", //可选,UI配置 uiPreference: { //是否显示小视频点赞 littleLikeShow: true, //是否显示小视频分享 littleShareShow: true, //小视频评论展现形式: 0 DISMISS_COMMENT, 1 SHOW_COMMENT_LIST, 2 SHOW_COMMENT_ALL littleComment: 2, //是否显示短视频点赞 shortLikeShow: true, //是否显示短视频分享 shortShareShow: true, //短视频评论展现形式: 0 DISMISS_COMMENT, 1 SHOW_COMMENT_LIST, 2 SHOW_COMMENT_ALL shortComment: 2, //是否显示关注按钮 followAvailable: true, //是否在频道页面展示关注 followChannelAvailable: true, //短视频头像是否可以点击 feedAvatarClickable: true } }, function(succ, data) { alert(succ + "\n" + JSON.stringify(data)); });
事件监听
• 如需接口调用事件,请设置此监听器;
jsBridge.yilan.setListener(function(event, data) { show({ event: event, data : data }); }); //请拉到页面底部查看回调数据信息 $('html,body').animate({ scrollTop: $('#view').offset().top }, 500); /** 回调参数说明: event - 事件代码,字符串类型 data - 事件数据,JSON 对象 **/
//移除监听器,不会再收到回调通知 //在需要时可重新调用 setListener jsBridge.yilan.removeListener();
展示视频
//安卓:仅当 playerStyle 为 1 时才有视频播放事件回调 //苹果:有视频播放事件回调 //event 为 ShortVideo jsBridge.yilan.shortVideo({ //标题 title: "短视频", //可选,播放器样式,默认 0,可选值: //0 Native播放页 STYLE_NATIVE //1 当前页播放 STYLE_FEED_PLAY //2 播放页Feed流 STYLE_NATIVE_FEED //3 Webview打开 STYLE_WEB playerStyle: 0 }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//安卓:有视频播放事件回调 //苹果:有视频播放事件回调 //event 为 LittleVideo jsBridge.yilan.littleTiktokVideo(function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//安卓:无视频播放事件回调 //苹果:有视频播放事件回调 //event 为 LittleVideo jsBridge.yilan.littleKuaishouVideo({ //标题 title: "小视频" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
//仅支持 Android jsBridge.yilan.play({ //必须,字符串类型,视频ID videoId: "12345" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
社交模块
社区功能主要包括评论、点赞、分享等,未登录用户只能进行浏览,不能进行参与,如发表评论、删除评论等等。
jsBridge.yilan.login({ //用户ID userId: "user_abc", //用户昵称 nickName: "张三", //手机号 phone: "13800138000", //头像 avatar: "http://pics.sc.chinaz.com/Files/pic/icons128/5104/3.png" }, function(succ, data) { if (succ) { alert("已登录"); } else { alert(JSON.stringify(data)); } });
//仅支持 Android jsBridge.yilan.getToken(function(succ, data) { alert(JSON.stringify(data)); });
jsBridge.yilan.logout(function(succ, data) { if (succ) { alert("已退出"); } else { alert(JSON.stringify(data)); } });
监听回调数据: