@pano.video/panortc-react-native-sdk
Version:
PanoRtc SDK For React Native
430 lines (368 loc) • 9.52 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _Enums = require("./Enums");
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
const {
/**
* @ignore
*/
PanoRtcAnnotationModule
} = _reactNative.NativeModules;
/**
* @ignore
*/
const Prefix = PanoRtcAnnotationModule.prefix;
/**
* @ignore
*/
const RtcAnnotationEvent = new _reactNative.NativeEventEmitter(PanoRtcAnnotationModule);
/**
* The {@link RtcAnnotation} class.
*/
class RtcAnnotation {
/**
* The ID of RtcAnnotation
*/
/**
* @ignore
*/
/**
* @ignore
*/
constructor(annotationId) {
_defineProperty(this, "annotationId", void 0);
_defineProperty(this, "_listeners", new Map());
this.annotationId = annotationId;
}
/**
* @ignore
*/
_callMethod(method, args) {
return PanoRtcAnnotationModule.callMethod(method, args === undefined ? {
annotationId: this.annotationId
} : {
annotationId: this.annotationId,
...args
});
}
/**
* @ignore
*/
destroy() {
this.removeAllListeners();
}
/**
* Adds the [`RtcAnnotationEventHandler`]{@link RtcAnnotationEventHandler} handler.
*
* After setting the [`RtcAnnotationEventHandler`]{@link RtcAnnotationEventHandler} handler, you can listen for annotation events and receive the statistics of the corresponding [`RtcAnnotation`]{@link RtcAnnotation} instance.
* @param event The event type.
* @param listener The [`RtcAnnotationEventHandler`]{@link RtcAnnotationEventHandler} handler.
*/
addListener(event, listener) {
const callback = res => {
const {
annotationId,
data
} = res;
if (annotationId === this.annotationId) {
// @ts-ignore
listener(...data);
}
};
let map = this._listeners.get(event);
if (map === undefined) {
map = new Map();
this._listeners.set(event, map);
}
RtcAnnotationEvent.addListener(Prefix + event, callback);
map.set(listener, callback);
return {
remove: () => {
this.removeListener(event, listener);
}
};
}
/**
* Removes the [`RtcAnnotationEventHandler`]{@link RtcAnnotationEventHandler} handler.
*
* For callback events that you only want to listen for once, call this method to remove the specific [`RtcEngineEvents`]{@link RtcEngineEvents} objects after you have received them.
* @param event The event type.
* @param listener The [`RtcAnnotationEventHandler`]{@link RtcAnnotationEventHandler} handler.
*/
removeListener(event, listener) {
const map = this._listeners.get(event);
if (map === undefined) return;
RtcAnnotationEvent.removeListener(Prefix + event, map.get(listener));
map.delete(listener);
}
/**
* Removes all the [`RtcAnnotationEventHandler`]{@link RtcAnnotationEventHandler} handlers.
* @param event The event type.
*/
removeAllListeners(event) {
if (event === undefined) {
this._listeners.forEach((_, key) => {
RtcAnnotationEvent.removeAllListeners(Prefix + key);
});
this._listeners.clear();
return;
}
RtcAnnotationEvent.removeAllListeners(Prefix + event);
this._listeners.delete(event);
}
/**
* @~english
* @brief Start the annotation.
* @param view The annotation display view provided by customer.
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 开始标注。
* @param view 客户提供的标注显示视图。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
startAnnotation(view) {
if (view.current === undefined) {
return Promise.resolve(_Enums.ResultCode.InvalidArgs);
} else {
return view.current._callMethod('startAnnotation', {
annotationId: this.annotationId
});
}
}
/**
* @~english
* @brief Stop the annotation.
* @return
* - ResultCode.OK: Success
* - Others: Fail
* @~chinese
* @brief 停止标注
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
stopAnnotation() {
return this._callMethod('stopAnnotation');
}
/**
* @~english
* @brief Set annotation view visible/invisible.
* @param visible visible or not
* @return
* - ResultCode.OK: Success
* - Others: Fail
* @note annotation view is visible default
* @~chinese
* @brief 设置标注视图是否可见
* @param visible 是否可见
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
* @note 标注视图默认是可见的
*/
setVisible(visible) {
return this._callMethod('setVisible', {
visible
});
}
/**
* @~english
* @brief Set annotation role type.
* @param type The annotation role type, PanoWBToolType enum type.
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 设置标注角色类型。
* @param type 标注角色，PanoWBRoleType 枚举类型。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
setRoleType(type) {
return this._callMethod('setRoleType', {
type
});
}
/**
* @~english
* @brief Set the annotation tool.
* @param type PanoWBToolType enum type.
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 设置标注工具。
* @param view PanoWBToolType 枚举类型。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
setToolType(type) {
return this._callMethod('setToolType', {
type
});
}
/**
* @~english
* @brief Set the annotation line width.
* @param width Valid value range: [1, 20].
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 设置标注线条宽度。
* @param width 有效值范围：[1, 20]。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
setLineWidth(size) {
return this._callMethod('setLineWidth', {
size
});
}
/**
* @~english
* @brief Set the annotation color.
* @param color PanoWBColor object.
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 设置标注颜色。
* @param color PanoWBColor 对象。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
setColor(color) {
return this._callMethod('setColor', {
color
});
}
/**
* @~english
* @brief Set the annotation font style.
* @param style PanoWBFontStyle enum type.
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 设置标注字体样式。
* @param color PanoWBFontStyle 枚举类型。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
setFontStyle(style) {
return this._callMethod('setFontStyle', {
style
});
}
/**
* @~english
* @brief Set the font size.
* @param size Valid value range: [10, 96].
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 设置字体大小。
* @param size 有效值范围：[10, 96]。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
setFontSize(size) {
return this._callMethod('setFontSize', {
size
});
}
/**
* @~english
* @brief Undo the last operation of the annotation.
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 撤销标注上一次操作。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
undo() {
return this._callMethod('undo');
}
/**
* @~english
* @brief Redo the last undone operation of the annotation.
* @return
* - ResultCode.OK: Success
* - others: Failure
* @~chinese
* @brief 重做标注的上一次被撤销操作。
* @return
* - ResultCode.OK: 成功
* - 其他: 失败
*/
redo() {
return this._callMethod('redo');
}
/**
* @~english
* @brief clear annotation content by specific user ID
* @param userId user ID
* @return
* - ResultCode.OK: Success
* - Others: Fail
* @note If the user isn't current user, the operation requires admin role.
* @~chinese
* @brief 清除指定用户绘制的标注内容
* @param userId 用户ID
* @return
* - OK： 成功
* - Others: 失败
* @note 如果指定用户不是当前用户，此操作需要管理员角色。
*/
clearUserContents(userId) {
return this._callMethod('clearUserContents', {
userId
});
}
/**
* @~english
* @brief clear annotation content
* @return
* - ResultCode.OK: Success
* - Others: Fail
* @note The operation requires admin role.
* @~chinese
* @brief 清除标注内容
* @return
* - OK： 成功
* - Others: 失败
* @note 此操作需要管理员角色。
*/
clearContents() {
return this._callMethod('clearContents');
}
snapshot(outputDir) {
return this._callMethod('snapshot', {
outputDir
});
}
}
/**
* @ignore
*/
exports.default = RtcAnnotation;
//# sourceMappingURL=RtcAnnotation.native.js.map