网页打包的APP接入一览好兔视频SDK 使用JS一键接入一览好兔视频

[复制链接]
鲨鱼辣椒Lv.8 显示全部楼层 发表于 2020-6-22 12:12:29 |阅读模式 打印 上一主题 下一主题
苹果上架
网页打包的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. });
  7. //请拉到页面底部查看回调数据信息
  8. $('html,body').animate({ scrollTop: $('#view').offset().top }, 500);
  9. /**
  10. 回调参数说明:
  11. event - 事件代码,字符串类型
  12. data  - 事件数据,JSON 对象
  13. **/
复制代码



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打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2001-2020, 一门APP. | 一门APP开发平台|热门标签
  • 蜀ICP备17005078号-4 | 川公网安备 51019002001185号 | |成都七扇门科技有限公司