apicloud apicloud

注册
查看: 946|回复: 22

[模块教程] baiduAR模块demo示例

版主

UID:83211

主题:
153
帖子:
7929
云币:
60773

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

[模块教程] baiduAR模块demo示例

946 22 | 发表于 2019-6-18 11:14:57 |阅读模式 | |
本模块封装了DuMix AR开放平台的AR SDK。

DuMix AR简介
DuMix AR开放平台是百度AR正式推出的AR技术产品化应用服务,帮助开发者快速集成SDK,高效制作并分发AR内容。它包括AR SDK、内容制作工具、云端内容平台和内容分发服务,组成了一站式AR开发集成解决方案。
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <title>Module Develop</title>
  5.                 <meta charset="utf-8">
  6.                 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  7.                 <style type="text/css">
  8.                         html, body {
  9.                                 height: 100%
  10.                         }
  11.                         body {
  12.                                 background-color: #fff;
  13.                                 margin: 0;
  14.                         }
  15.                         #wrap {
  16.                                 height: 100%;
  17.                                 position: relative;
  18.                         }
  19.                         #header {
  20.                                 padding-top: 20px;
  21.                                 background-color: #5082c2;
  22.                                 height: 44px;
  23.                                 position: relative;
  24.                         }
  25.                         #header h1 {
  26.                                 font-size: 20px;
  27.                                 height: 44px;
  28.                                 line-height: 44px;
  29.                                 margin: 0em;
  30.                                 color: #fff;
  31.                                 margin-left: 100px;
  32.                                 margin-right: 100px;
  33.                                 text-align: center;
  34.                         }
  35.                         #main {
  36.                                 display: -webkit-box;
  37.                                 -webkit-box-orient: vertical;
  38.                                 -webkit-box-pack: center;
  39.                         }
  40.                         a.button {
  41.                                 display: -webkit-box;
  42.                                 -webkit-box-orient: vertical;
  43.                                 -webkit-box-pack: center;
  44.                                 -webkit-box-align: center;
  45.                                 height: 32px;
  46.                                 margin: 8px;
  47.                                 background-color: rgba(240,240,240,1.0);
  48.                                 border-color: rgba(220,220,220,1.0);
  49.                                 border-width: 2px;
  50.                                 border-style: solid;
  51.                         }
  52.                         a.active {
  53.                                 background-color: rgba(240,240,240,0.7);
  54.                         }
  55.                 </style>
  56.         </head>
  57.         <body>
  58.                 <div id="wrap">
  59.                         <div id="main">
  60.                                 <a class="button" tapmode="active" onclick="startARActivity()" >打开AR界面</a>
  61.                         </div>
  62.                 </div>
  63.         </body>
  64.         <script type="text/javascript">
  65.                 var demo = null;
  66.                 apiready = function() {
  67.                         demo = api.require('baiduAR');
  68.                         if (!demo) {
  69.                                 alert("请添加模块后编译");
  70.                                 return;
  71.                         }
  72.                 }
  73.                
  74.                 function startARActivity(){
  75.                 demo.startARActivity({
  76.                         arKey : '10002431',
  77.                         arType : 0
  78.                 }, function(ret, err){
  79.                         alert(JSON.stringify(ret));
  80.                 });
  81.                 }
  82.         </script>
  83. </html>
复制代码


实习司机

UID:652994

主题:
27
帖子:
93
云币:
83
发表于 2019-11-8 19:25:12 |
授权失败是什么原因呢

版主

UID:83211

主题:
153
帖子:
7929
云币:
60773

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2019-11-8 20:36:47 |
授权模块没配置对

主题:
0
帖子:
16
云币:
16
发表于 2020-3-27 18:53:33 |
52yaoer 发表于 2019-11-8 20:36
授权模块没配置对

怎么配置

版主

UID:83211

主题:
153
帖子:
7929
云币:
60773

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2020-3-27 19:02:23 |
根据文档。。

主题:
0
帖子:
16
云币:
16
发表于 2020-3-27 19:30:08 |

配置在哪里?

版主

UID:83211

主题:
153
帖子:
7929
云币:
60773

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2020-3-27 20:42:09 |
模块使用攻略

使用之前须从DuMix AR开放平台申请开发者账号并创建应用,获取 AppId、APIKey和 SecretKey。百度 AR控制台

使用本模块需要自己制作AR内容,请参考以下2个文档进行AR内容制作AR内容制作指南 适用于内容开发人员,介绍AR内容制作的入门教程。AR内容制作专题文档 适用于内容开发人员,分专题介绍AR内容的制作。

使用此模块之前建议先配置config.xml文件,配置完毕,需通过云端编译生效,配置方法如下:

名称:baiduAR
参数:AppId、APIKey、SecretKey
配置示例:
  <feature name="baiduAR">
    <param name="AppId" value="10505227"/>
    <param name="APIKey" value="bsZQtN53DSWPbMuQqWhjFycO"/>
    <param name="SecretKey" value="ozhyztAAW9lta0nHdjCeQmYbVI33RGct"/>
  </feature>
License文件打包模块包需注意事项请参考License打包模块包注意事项

主题:
0
帖子:
16
云币:
16
发表于 2020-3-27 20:49:14 |
52yaoer 发表于 2020-3-27 20:42
模块使用攻略

使用之前须从DuMix AR开放平台申请开发者账号并创建应用,获取 AppId、APIKey和 SecretKey。 ...

License文件打包模块包需注意事项请参考License打包模块包注意事项
主要就是这个aip.license文件下替换为Android的License文件中的Android的License文件哪里来的?

主题:
0
帖子:
16
云币:
16
发表于 2020-3-27 21:32:54 |
1483373672 发表于 2020-3-27 20:49
License文件打包模块包需注意事项请参考License打包模块包注意事项
主要就是这个aip.license文件下替换为 ...

按照步骤后的模块包放哪里

版主

UID:83211

主题:
153
帖子:
7929
云币:
60773

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2020-3-28 09:05:25 |
授权文件肯定百度哪里获取啊,,制作模块包了肯定上传自定义模块,添加自己app使用啊。
123下一页
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表