一门APP开发教程

标题: 网页打包的APP接入一览好兔视频SDK 使用JS一键接入一览好兔视频 [打印本页]
作者: 鲨鱼辣椒    时间: 2020-6-22 12:12
标题: 网页打包的APP接入一览好兔视频SDK 使用JS一键接入一览好兔视频
网页打包的APP接入一览好兔视频SDK  使用JS一键接入一览好兔视频

DEMO参考：https://www.yimenapp.com/doc/demo_yilan.cshtml


init 初始化
  1. jsBridge.yilan.init({
  2.   //必须，字符串类型，accessKey
  3.   accessKey   : "yl3sdxmli7kq",
  4.   //必须，字符串类型，accessToken
  5.   accessToken : "q4iv6izb3q1qtisuo2julp0khxbtvv9c",
  6.   //渠道号，仅用于 iOS
  7.   sid: "",
  8.   //用户ID，仅用于 iOS
  9.   uid: "user_abc",
  10.   //可选，UI配置
  11.   uiPreference: {
  12.     //是否显示小视频点赞
  13.     littleLikeShow: true,
  14.     //是否显示小视频分享
  15.     littleShareShow: true,
  16.     //小视频评论展现形式: 0 DISMISS_COMMENT, 1 SHOW_COMMENT_LIST, 2 SHOW_COMMENT_ALL
  17.     littleComment: 2,
  18.     //是否显示短视频点赞
  19.     shortLikeShow: true,
  20.     //是否显示短视频分享
  21.     shortShareShow: true,
  22.     //短视频评论展现形式: 0 DISMISS_COMMENT, 1 SHOW_COMMENT_LIST, 2 SHOW_COMMENT_ALL
  23.     shortComment: 2,
  24.     //是否显示关注按钮
  25.     followAvailable: true,
  26.     //是否在频道页面展示关注
  27.     followChannelAvailable: true,
  28.     //短视频头像是否可以点击
  29.     feedAvatarClickable: true
  30.   }
  31. }, function(succ, data) {
  32.   alert(succ + "\n" + JSON.stringify(data));   
  33. });
复制代码



setListener 设置监听器
• 如需接口调用事件，请设置此监听器；
  1. jsBridge.yilan.setListener(function(event, data) {
  2.   show({
  3.     event: event,
  4.     data : data
  5.   });
  6. });

  8. //请拉到页面底部查看回调数据信息
  9. $('html,body').animate({ scrollTop: $('#view').offset().top }, 500);

  11. /**
  12. 回调参数说明：
  13. event - 事件代码，字符串类型
  14. data  - 事件数据，JSON 对象
  15. **/
复制代码



removeListener 移除监听器
  1. //移除监听器，不会再收到回调通知
  2. //在需要时可重新调用 setListener
  3. jsBridge.yilan.removeListener();
复制代码



shortVideo 短视频
  1. //安卓：仅当 playerStyle 为 1 时才有视频播放事件回调
  2. //苹果：有视频播放事件回调
  3. //event 为 ShortVideo
  4. jsBridge.yilan.shortVideo({
  5.   //标题
  6.   title: "短视频",
  7.   //可选，播放器样式，默认 0，可选值：
  8.   //0 Native播放页 STYLE_NATIVE
  9.   //1 当前页播放 STYLE_FEED_PLAY
  10.   //2 播放页Feed流 STYLE_NATIVE_FEED
  11.   //3 Webview打开 STYLE_WEB
  12.   playerStyle: 0
  13. }, function(succ, data) {
  14.   if (!succ) {
  15.     alert(JSON.stringify(data));
  16.   }
  17. });
复制代码


littleTiktokVideo 小视频 - 仿抖音样式
  1. //安卓：有视频播放事件回调
  2. //苹果：有视频播放事件回调
  3. //event 为 LittleVideo
  4. jsBridge.yilan.littleTiktokVideo(function(succ, data) {
  5.   if (!succ) {
  6.     alert(JSON.stringify(data));
  7.   }
  8. });
复制代码



littleKuaishouVideo 小视频 - 仿快手样式
  1. //安卓：无视频播放事件回调
  2. //苹果：有视频播放事件回调
  3. //event 为 LittleVideo
  4. jsBridge.yilan.littleKuaishouVideo({
  5.   //标题
  6.   title: "小视频"
  7. }, function(succ, data) {
  8.   if (!succ) {
  9.     alert(JSON.stringify(data));
  10.   }
  11. });
复制代码


play 播放视频
  1. //仅支持 Android
  2. jsBridge.yilan.play({
  3.   //必须，字符串类型，视频ID
  4.   videoId: "12345"
  5. }, function(succ, data) {
  6.   if (!succ) {
  7.     alert(JSON.stringify(data));
  8.   }
  9. });
复制代码



社交模块
login 登录
社区功能主要包括评论、点赞、分享等，未登录用户只能进行浏览，不能进行参与，如发表评论、删除评论等等。
  1. jsBridge.yilan.login({
  2.   //用户ID
  3.   userId: "user_abc",
  4.   //用户昵称
  5.   nickName: "张三",
  6.   //手机号
  7.   phone: "13800138000",
  8.   //头像
  9.   avatar: "http://pics.sc.chinaz.com/Files/pic/icons128/5104/3.png"
  10. }, function(succ, data) {
  11.   if (succ) {
  12.     alert("已登录");
  13.   } else {
  14.     alert(JSON.stringify(data));
  15.   }
  16. });
复制代码



getToken 获取登录后的 token
  1. //仅支持 Android
  2. jsBridge.yilan.getToken(function(succ, data) {
  3.   alert(JSON.stringify(data));
  4. });
复制代码



logout 退出
  1. jsBridge.yilan.logout(function(succ, data) {
  2.   if (succ) {
  3.     alert("已退出");
  4.   } else {
  5.     alert(JSON.stringify(data));
  6.   }
  7. });
复制代码






欢迎光临 一门APP开发教程 (https://bbs.yimenapp.com/) Powered by Discuz! X3.4