Javascript 来自jquery的cameratag设置
我有一个cameratag应用程序,我想允许几个用户上传他们的视频。我应该使用以下标签设置我的摄像机:Javascript 来自jquery的cameratag设置,javascript,jquery,webcam,Javascript,Jquery,Webcam,我有一个cameratag应用程序,我想允许几个用户上传他们的视频。我应该使用以下标签设置我的摄像机: <camera id='[CAMERA_ID]' data-app-id='[YOUR_APP_UUID]'></camera> 但它不起作用,有什么想法或链接到例子吗 谢谢您的JQuery选择器将无法工作,因为标记将转换为普通HTML。例如,以下代码将生成以下HTML: <camera id='myCamId' data-app-id='123456'>
<camera id='[CAMERA_ID]' data-app-id='[YOUR_APP_UUID]'></camera>
但它不起作用,有什么想法或链接到例子吗
谢谢您的JQuery选择器将无法工作,因为
标记将转换为普通HTML。例如,以下代码将生成以下HTML:
<camera id='myCamId' data-app-id='123456'></camera>
检查手机上的移动录音说明
或vsisthttp://cameratag.com/m/undefined 你的手机浏览器
我将研究如何找到正确的解决方案,最好的方法是在不使用Javascript的情况下设置id:直接将其写入HTML文件 如果您确实需要在JS中执行此操作,以下是解决方案:
$('YOUR CAMERA SELECTOR').attr('id', '[CAMERA_ID]').attr('data-app-id', '[YOUR_APP_UUID]');
// this line cause a rescan of the DOM for any uninitialized <camera> tags.
CameraTag.setup();
$('YOUR CAMERA SELECTOR').attr('id','[CAMERA_-id]').attr('data-app-id','[YOUR_-app_-id]');
//这一行会导致对任何未初始化的标记重新扫描DOM。
CameraTag.setup();
如果您的相机标签已经初始化,您需要销毁并重新创建它,cameratag无法动态更改id。$(“相机id”).attr(“数据应用id”,“newval”);是的,我也试过$(“#myForm”).find(“camera”).attr(“数据应用id”,“newval”);没有成功谢谢你的帮助。不幸的是,cameratag.com文档对我来说不够清晰。也许你有一些例子的链接?谢谢
<div id="myCamId" class="camera_tag" style="width: 300px; height: 200px;">
<object type="application/x-shockwave-flash" id="myCamId_swf" name="myCamId_swf"
data="//cameratag.com/2.1/camera.swf?1862032" width="100%" height="100%">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="wmode" value="transparent">
<param name="flashvars"
value="videoServer=undefined&videoUUID=undefined&cameraUUID=undefined&domID=myCamId&maxLength=30&hResolution=300&vResolution=200&fps=24&videoBitRate=undefined&skipAutoDetect=false&flipRecordPreview=true">
</object>
<div id="myCamId_start_screen" style="font-size: 14px; position: absolute; display: none;"
class="cameratag_screen cameratag_start"><a class="cameratag_select_prompt">choose a method below to submit
your video</a><a class="cameratag_primary_link cameratag_record_link cameratag_record"><span
class="cameratag_action_icon"></span><br><span class="cameratag_prompt_label">record from webcam</span></a><a
id="myCamId_upload_link" class="cameratag_primary_link cameratag_upload_link cameratag_upload"
style="position: relative; z-index: 1;"><span class="cameratag_action_icon"></span><br><span
class="cameratag_prompt_label">upload a file</span></a><a class="cameratag_primary_link cameratag_sms_link"><span
class="cameratag_action_icon"></span><br><span
class="cameratag_prompt_label">record from phone</span></a><img class="cameratag_settings_btn"
src="//cameratag.com/assets/gear.png">
<div id="html5_18o7pgr4s1lt418amvom1ddi18a23_container" class="moxie-shim moxie-shim-html5"
style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 0;">
<input id="html5_18o7pgr4s1lt418amvom1ddi18a23" type="file"
accept="video/mp4,video/x-m4v,video/*,video/webm"
style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
</div>
</div>
<div class="cameratag_screen cameratag_error" style="display: block;">
<div class="cameratag_error_message">invalid camera uuid</div>
<img class="cameratag_settings_btn" src="//cameratag.com/assets/gear.png"></div>
<div class="cameratag_screen cameratag_detect" style="display: none;">
<div class="cameratag_prompt">wave to the camera</div>
</div>
<div class="cameratag_screen cameratag_count" style="display: none;">
<div class="cameratag_countdown_status"></div>
<div class="cameratag_prompt">recording in</div>
</div>
<div class="cameratag_screen cameratag_upload" style="display: none;">
<div class="cameratag_upload_status"></div>
<div class="cameratag_prompt">uploading...</div>
</div>
<div class="cameratag_screen cameratag_recording cameratag_stop_recording" style="display: none;">
<div class="cameratag_prompt">click to stop recording <span class="cameratag_record_timer_prompt">(30)</span>
</div>
<img src="//cameratag.com/assets/recording.gif"></div>
<div class="cameratag_screen cameratag_playback cameratag_stop_playback" style="display: none;">
<div class="cameratag_prompt">click to skip review</div>
</div>
<div class="cameratag_screen cameratag_accept" style="display: none;"><a
class="cameratag_accept_btn cameratag_publish"><span class="button_label">✓ Accept</span></a><a
class="cameratag_rerecord_btn cameratag_record"><span class="button_label">♻ Re-record</span></a><a
class="cameratag_play_btn cameratag_play"><span class="button_label">↵ Review Recording</span></a></div>
<div class="cameratag_screen cameratag_wait" style="display: none;">
<div class="cameratag_spinner"><img src="//cameratag.com/assets/loading.gif"><br><span
class="cameratag_wait_message">please wait while we push pixels</span></div>
</div>
<div class="cameratag_screen cameratag_completed" style="display: none;">
<div class="cameratag_thumb_bg"></div>
<div class="cameratag_checkmark"><span class="check">✔</span> published</div>
</div>
<div class="cameratag_screen cameratag_sms" style="display: none;">
<div class="cameratag_sms_prompt">Enter your <b>mobile phone number</b> below and we will text you a link for
mobile recording<br><input class="cameratag_sms_input" type="text"><br><a href="javascript:"
class="cameratag_send_sms">Send
Mobile Link</a> <a href="javascript:" class="cameratag_goto_start">cancel</a></div>
</div>
<div class="cameratag_screen cameratag_check_phone" style="display: none;">
<div class="cameratag_check_phone_prompt">Check your phone for mobile recording instructions</div>
<div class="cameratag_check_phone_url">or vsist http://cameratag.com/m/undefined your mobile browser</div>
</div>
<input id="myCamId_video_uuid" type="hidden" name="myCamId[video_uuid]" value=""></div>
$('YOUR CAMERA SELECTOR').attr('id', '[CAMERA_ID]').attr('data-app-id', '[YOUR_APP_UUID]');
// this line cause a rescan of the DOM for any uninitialized <camera> tags.
CameraTag.setup();