WebApp快捷打包
一览好兔视频
转到模块插件

敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多

JS-SDK 引用方式:

♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240326.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package

一览好兔视频

初始化

init 初始化

jsBridge.yilan.init({
  //必须,字符串类型,accessKey
  accessKey   : "ylrk1x3dbup8",
  //必须,字符串类型,accessToken
  accessToken : "x9iqly450ds0mzky9piwuawt17a51g1i",
  //渠道号,仅用于 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));   
});

事件监听

setListener 设置监听器

• 如需接口调用事件,请设置此监听器;

jsBridge.yilan.setListener(function(event, data) {
  show({
    event: event,
    data : data
  });
});

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

/**
回调参数说明:
event - 事件代码,字符串类型
data  - 事件数据,JSON 对象
**/

removeListener 移除监听器

//移除监听器,不会再收到回调通知
//在需要时可重新调用 setListener
jsBridge.yilan.removeListener();

展示视频

shortVideo 短视频

//安卓:仅当 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));
  }
});

littleTiktokVideo 小视频 - 仿抖音样式

//安卓:有视频播放事件回调
//苹果:有视频播放事件回调
//event 为 LittleVideo
jsBridge.yilan.littleTiktokVideo(function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

littleKuaishouVideo 小视频 - 仿快手样式

//安卓:无视频播放事件回调
//苹果:有视频播放事件回调
//event 为 LittleVideo
jsBridge.yilan.littleKuaishouVideo({
  //标题
  title: "小视频"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

play 播放视频

//仅支持 Android
jsBridge.yilan.play({
  //必须,字符串类型,视频ID
  videoId: "12345"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

社交模块

login 登录

社区功能主要包括评论、点赞、分享等,未登录用户只能进行浏览,不能进行参与,如发表评论、删除评论等等。

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));
  }
});

getToken 获取登录后的 token

//仅支持 Android
jsBridge.yilan.getToken(function(succ, data) {
  alert(JSON.stringify(data));
});

logout 退出

jsBridge.yilan.logout(function(succ, data) {
  if (succ) {
    alert("已退出");
  } else {
    alert(JSON.stringify(data));
  }
});
ad

监听回调数据: