我们如何使用/包括带有本机的addpipe录像机?

时间:2018-08-28 07:02:13

标签: javascript reactjs react-native

我是本机编程的新手。我正在实现react-native应用程序,因为我想在react-native中使用addpipe但没有任何可用于react-native的addpipe sdk,而且我不知道如何使用addpipe的android sdk。这样我就在我的应用程序文件中使用了addpipe js代码,如下所示,但是它呈现了UI,但是在单击按钮时没有任何反应。这是正确的方法还是没有人帮助我? 为此我也建议其他解决方案。

谢谢

App.js

import React, { Component } from 'react';
import {
  View,
  WebView
} from 'react-native';

const DataHTML = require('./data.html');

export default class App extends Component<Props> {
  render() {
    return (
      <View style={{flex: 1}}>
        <WebView
            source={DataHTML} 
            style={{flex: 1}}
        />
     </View>                  
    );
  }
}

data.html

 <html>
<head>
    <link rel="stylesheet" href="//cdn.addpipe.com/2.0/pipe.css"/>
<script type="text/javascript" src = "//cdn.addpipe.com/2.0/pipe.js"></script>

</head>
<body>
    <!-- begin video recorder code -->
<div id="custom-id" ></div>
<script type="text/javascript">
var pipeParams = {size: {width:400,height:330}, qualityurl: "avq/300p.xml",accountHash:"7e63bc4603355074d371ec74e01f8b2a", eid:1, showMenu:1, mrt:120,sis:0,asv:1,mv:0, dpv:0, ao:0, dup:0};
PipeSDK.insert("custom-id", pipeParams,function(recorderObject){});
</script>
<!-- end video recorder code -->
</body>
</html> 

0 个答案:

没有答案