www.webdeveloper.com
Results 1 to 6 of 6

Thread: JavaScript newbie tries to setup webcam.js

  1. #1
    Join Date
    Dec 2017
    Posts
    3

    JavaScript newbie tries to setup webcam.js

    Hi guys...

    Can someone please assist with the following code.
    I need to replace hard coded values 640 and 460 with variable values MyWidth and MyHeight to implement orientation change...
    No idea how to do that...

    Thanks a to to all!


    <script language="JavaScript">

    window.addEventListener("orientationchange", function() {
    // alert("the orientation of the device is now " + screen.orientation.angle);
    if (screen.orientation.angle > 0){
    MyWidth = 640;
    MyHeight = 460;
    // alert("LANDSCAPE " + screen.orientation.angle + " W " + MyWidth + " H " + MyHeight);

    } else {
    MyWidth = 460;
    MyHeight = 640;
    // alert("PORTRAIT " + screen.orientation.angle + " W " + MyWidth + " H " + MyHeight);
    }
    });
    Webcam.set({
    width: 640,
    height: 460,
    image_format: 'jpeg',
    jpeg_quality: 90,
    facingMode: {exact: "environment"}
    });
    Webcam.attach( '#my_camera' );
    </script>

  2. #2
    Join Date
    Feb 2017
    Posts
    43
    try to declare variables like this
    var MyWidth = 640;
    var MyHeight = 460;

    right now in that above code you haven't declare variables and then you are trying to calling out but it can't show because MyWidth in your alert box is not define.

  3. #3
    Join Date
    Dec 2017
    Posts
    3
    Hi marcellio and thank you for your reply.

    I did what you said and put
    var MyWidth = 640;
    var MyHeight = 460;

    just under <script language="JavaScript">

    It looks like these variables can not "leave" the handler and reach Webcam.set

    Guys, any ideas how to proceed... ?

    Thanks all
    MK

  4. #4
    Join Date
    Dec 2012
    Posts
    1,626
    Please post your complete code again and use code tags.

  5. #5
    Join Date
    Dec 2017
    Posts
    3
    I changed some values and code.
    Will leave it at this for now.
    Basically, MyWidth and MyHeight within Webcam.set need to change values based on orientation as seen by the handler. Default is Portrait.

    Thanks...

    <script language="JavaScript">

    var MyWidth= 240;
    var MyHeight= 320;

    window.addEventListener("orientationchange", function() {
    MyAngle(screen.orientation.angle);
    });

    function MyAngle(A){
    if (A > 0){
    MyWidth= 320;
    MyHeight= 240;
    } else {
    MyWidth= 240;
    MyHeight= 320;
    }
    return {MyWidth:MyWidth, MyHeight:MyHeight};
    }


    Webcam.set({
    width: MyWidth,
    height: MyHeight,
    image_format: 'jpeg',
    jpeg_quality: 90,
    facingMode: {exact: "environment"}
    });

    Webcam.attach( '#my_camera' );
    </script>

  6. #6
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    5,854
    1. All widgets, helpers, libraries, frameworks, apis and anything that is written in JavaScript but is not JavaScript itsle goes in to the JavaScript Frameworks forum which is a sub forum at the head of the JavaScript forum.
    2. When posting code, please use the forum BB Code tags, see my signature for examples and a link
    3. I would have attempted to constrain the viewport with CSS to both set a minimum and maximum size.

    for things like
    Code:
    if (A > 0){
    MyWidth= 320;
    MyHeight= 240;
    } else {
    MyWidth= 240;
    MyHeight= 320;
    I prefer ternary's
    Code:
    function MyAngle(a,width,height){
      var a = a || 0, MyWidth = width || 320, MyHeight = height || 240;
      return = (a > 0) ? {'MyWidth':MyWidth, 'MyHeight':MyHeight} : {'MyWidth':MyHeight, 'MyHeight':MyWidth}; // return an object
    }
    *untested

    and I have moved the thread to the JavaScript FrameWorks forum
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center

"

"

X vBulletin 4.2.2 Debug Information

  • Page Generation 0.10312 seconds
  • Memory Usage 2,886KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (2)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (5)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates