Skip to content

Major update -- UI and code improvements, new features

Latest
Compare
Choose a tag to compare
@jeffswartz jeffswartz released this 30 Nov 19:22
· 5 commits to master since this release
81adad2

This version includes a number of design and code updates.

This version uses Node 12, and it includes updates to many Node package dependencies.

See Vonage Free Conferencing to view a deployed version of the app.

UI changes

  • The precall test and the preview video (included in precall.ejs) are now included on the landing page (/index.html). After you create a room, when you click the Join Meeting button, you are taken directly to the room page.

  • There is a new post-meeting completion page (/thanks), which you land on by clicking the Leave Meeting button in the room view.

  • There are a number of UI improvements, including improvements for use on mobile browsers.

  • The default background image for the landing page changed (and has a smaller file size).

  • There is an option to have the room name generated automatically (using the haikunator Node package). You can disable this and have the user create their own room name, using the autoGenerateRoomName (config.json) or AUTO_GENERATE_ROOM_NAME (environment variable) configuration setting.

  • There is an option to include a Lock Meeting command in the options menu of the room view. This command allows users to prevent new participants from joining a meeting. See the enableRoomLocking (config.json) and ENABLE_ROOM_LOCKING (environment variable) options.

  • There is an option to set the desired resolution for published video. See the OpenTok.publisherResolution (config.json) and PUBLISHER_RESOLUTION (environment variable) options.

  • There is an option to include Emoji icons in the text chat. See the enableEmoji (config.json) and ENABLE_EMOJI (environment variable) options.

  • You can configure the app name, intro text, and Help links using the following config settings:

    • appName (config.json) / APP_NAME (environment variable)
    • introText (config.json) / INTRO_TEXT (environment variable)
    • introFooterLinkText (config.json) / INTRO_FOOTER_LINK_TEXT (environment variable)
    • introFooterLinkUrl (config.json) / INTRO_FOOTER_LINK_URL (environment variable)
    • helpLinkText1 (config.json) / HELP_LINK_TEXT_1 (environment variable)
    • helpLinkUrl1 (config.json) / HELP_LINK_URL_1 (environment variable)
    • helpLinkText2 (config.json) / HELP_LINK_TEXT_2 (environment variable)
    • helpLinkUrl2 (config.json) / HELP_LINK_URL_2 (environment variable)
  • See the Configuration Options section of the readme for details on these and other configuration options.

Other changes

  • This version fixes many known issues and removes some unused code.

  • There is now an npm run lint script for running ESLint. The linter uses AirBnB rules (airbnb-base) and ES6.

  • There is an option to set the maximum number of users allowed in a room at the same time. See the maxUsersPerRoom (config.json) and MAX_USERS_PER_ROOM (environment variable) options described in the Configuration Options section of the readme.

  • The application no longer uses Firebase. Archive updates are stored in Redis.

  • The clientBuild script uses terser to minify the client JavaScript.

  • The app uses critical to prioritize loading of critical-path CSS.

  • Support for Internet Explorer was removed from the app (because OpenTok.js no longer supports IE).