{"id":337932,"date":"2021-04-12T06:19:00","date_gmt":"2021-04-12T13:19:00","guid":{"rendered":"https:\/\/css-tricks.com\/?p=337932"},"modified":"2021-04-12T12:23:27","modified_gmt":"2021-04-12T19:23:27","slug":"see-you-around","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/see-you-around\/","title":{"rendered":"See You Around"},"content":{"rendered":"\n

Get it? Because this blog post is about Around<\/a>, the wonderful new video call software. I’ve been using it for my video calls and I’d be happy to deliver you a TLDR<\/abbr> right off the bat: It’s nice. It has all the important features of video call software you need while being very design-focused in a way that feels stand-out fresh. Thank god someone is getting this right.<\/p>\n\n\n\n\n\n\n\n

\"\"<\/figure>\n\n\n

Little floating circles<\/h2>\n\n\n

Make no mistake: chatting with people where you see their faces in a little floating circle is way nicer<\/em> than a giant rectangle. It may not seem like a massive difference, but it really does feel different and better, particularly when you’re chatting with multiple people and\/or people you chat with all the time.<\/p>\n\n\n\n

You still get the face, that all-important human connector, but you aren’t seeing my disheveled bookshelf, my laundry hamper, or my dead plant in the corner. Even if you have a nice background or nobody cares about your unmade bed in the background (they probably don’t), there is a literal fatigue<\/em> that sets in when you have a camera pointed at your whole area for any sustained period. It’s hard to describe, but it just feels like… a lot. That all changes for the better when all you are sharing is a cropped circle of your face. There is less pressure to be maintaining eye contact, for one thing. Here’s me and Geoff:<\/p>\n\n\n\n

\"\"
I have these little circles tucked into the upper right of my monitor. <\/figcaption><\/figure><\/div>\n\n\n\n

There is real tech behind these circles. The virtual camera “zooms” to properly size your face in the circle so you’re always in focus. If you move off to any direction, it “pans” to keep you centered (as much as it can). Even the color filters it offers, while on the surface might just seem like a bit of fun, lower video fatigue. I gotta imagine the pressure to wear makeup is a bit lower when you’re green and pixelated:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The circles go everywhere in Around. They don’t have<\/em> to be floating (although I like that mode the best). If you pop into Campfire mode, you’ll see everyone together in a more normal\/dedicated window. If you pop into Notes or Image Sharing view, they come along in there too. Speaking of which…<\/p>\n\n\n

Notes!<\/h3>\n\n\n

There is a collaborative Notes view in every call. The editor is very polished, and I was impressed. This isn’t some half-baked slapped-on chatroom-esque thing; it’s for actual formatted note-taking. The real-time-ness of it is spot on.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

But here’s the actual best feature… when the meeting ends, everyone in the meeting gets emailed a copy of the notes.<\/strong> I’m going to give that three clap-hands emojis: 👏👏👏. Here’s Dave and I having a little call about ShopTalk, writing some silly notes, next to the emailed notes that arrive immediately after the end of the call:<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Just the notes. No crap.<\/figcaption><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

Notes can have a chat-like feel to them, but there is literally a chat feature as well. Like everything in Around, it’s got interesting UX to it. When you type and send a chat message, it appears next to your floating head. Just one chat message. It stays there until you remove it. It just makes a ton of sense. You don’t really need a traditional chatroom, you’re already talking to each other! More likely you need to share a link or something, and this UI is perfect for that. <\/p>\n\n\n

Sharing<\/h3>\n\n\n

Aside from notes, there is Image Sharing, which is a very focused way to get everyone looking at one thing. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

And then, of course, Screen Sharing. All the features you need for that are there. You can share your whole screen, or select just one window. Here’s me having a meeting with Dave where we’re looking at different polling options:<\/p>\n\n\n\n

\n
\n
\"\"
I’m sharing my browser window. I have the floaty heads I can move wherever.<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Dave sees my screen within the Around interface with the floaty heads in there.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

You can give control of your computer to the person you are sharing with as well, which is awfully handy for pair programming sessions, which I’m doing constantly.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n

Audio quality<\/h3>\n\n\n

The first thing that Geoff said to me when we popped on to our first Around call was “Wow, you sound good.”<\/em> I don’t hear that often at my desk because I work in an office with glass walls and it’s a bit echo-y and I haven’t gotten around to sound-dampening stuff in here yet. There is more real tech at work here with Around\u2019s build-in noise reduction.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Around takes this echo cancellation stuff even further with their EchoTerminator feature (video<\/a>). Even if you’re in the same room as other people on the same Around call, you don’t have to do that little dance where everyone mutes except one and hope that works. With Around, you don’t have to think about it, it just works (without the echo and feedback). <\/p>\n\n\n

Fun<\/h3>\n\n\n

I spent a good while today watching Dave basically re-create the Dramatic Chipmunk GIF with his face, playing with how Around detects and zooms on faces. So that was a good time. But many of the features of Around have fun built right in.<\/p>\n\n\n\n

\n
\n
\"\"
You can just straight up turn off your video if you want, of course, or, you can be a cute bear GIF. It just stays that way until you turn it off. So you can use it as a reaction, a replacement for yourself, or just for a quick bit of fun. <\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n
\"\"
Emoji reactions pop up and cover your face for a second. Way more fun that it should be.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n

Integrations<\/h3>\n\n\n

The most important integration for a video call app to me is Slack. That’s where my co-workers are, so kicking off a call happens many times a day right from there. As expected, you can do \/around<\/code> and off we go. Google Calendar is also a no-brainer.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

On a serious note, it’s good to see Around<\/a> on top of security<\/a>. For example, if you share an image, it’s on their servers only until the call is over and then deleted. All text is encrypted. Meeting rooms aren’t going to get bombed as there are one-off ID’s and entrance controls. <\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n

Ready to give it a try?<\/h2>\n\n\n

Around is free for anyone to download, with pricing coming later this year.<\/p>\n\n\n\n

\n
Sign up for free<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Get it? Because this blog post is about Around, the wonderful new video call software. I’ve been using it for my video calls and I’d be happy to deliver you a TLDR right off the bat: It’s nice. It has all the important features of video call software you need while being very design-focused in […]<\/p>\n","protected":false},"author":3,"featured_media":337941,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"See You \"Around\"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4,508],"tags":[672],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/04\/Screen-Shot-2021-04-07-at-7.08.19-AM.png?fit=1666%2C986&ssl=1","jetpack-related-posts":[{"id":335070,"url":"https:\/\/css-tricks.com\/boost-app-engagement-with-chat-voice-and-video-apis\/","url_meta":{"origin":337932,"position":0},"title":"Boost app engagement with chat, voice, and video APIs","date":"February 25, 2021","format":false,"excerpt":"Sendbird is a service for helping you add social features to your app. Wanna add in-app chat? Sendbird does that. Wanna add in-app voice or video calls? Sendbird does that. Here's how I always think about stuff like this. Whatever the thing you are building is, you should specialize in\u2026","rel":"","context":"In "Sponsored"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/02\/SB_CSS-Newsletter_Banner-1.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":300853,"url":"https:\/\/css-tricks.com\/microbrowsers-are-everywhere\/","url_meta":{"origin":337932,"position":1},"title":"Microbrowsers are Everywhere","date":"January 3, 2020","format":false,"excerpt":"The word \"microbrowser\" clearly got my attention. Never heard that before. Colin Bendell defines them as the little parts of other software that do HTTP requests to a URL to generate a preview. Like the little URL preview in iOS messages, WhatsApp, or Slack. I'm a tiny bit skeptical of\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/microbrowser-urls.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":5409,"url":"https:\/\/css-tricks.com\/designers-these-days\/","url_meta":{"origin":337932,"position":2},"title":"Designers These Days…","date":"January 29, 2010","format":false,"excerpt":"... have a good design sense and understand the fundamentals \/ design principals. ... know all the major design software including the entire Adobe Creative Suite. ... have some basic video editing skills. ... know HTML, CSS, and JavaScript. ... know enough about server-side languages (PHP, ASP, Ruby, Python, etc)\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":319175,"url":"https:\/\/css-tricks.com\/lets-make-generative-art-we-can-export-to-svg-and-png\/","url_meta":{"origin":337932,"position":3},"title":"Let’s Make Generative Art We Can Export to SVG and PNG","date":"August 19, 2020","format":false,"excerpt":"Let's say you're a designer. Cool. You've been hired to do some design work for a conference. All kinds of stuff. Website. Printed schedules. Big posters for the rooms. Preroll slides. You name it. So you come up with an aesthetic for it all \u2014 a design vibe that ties\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/08\/generative-art.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":362777,"url":"https:\/\/css-tricks.com\/svgcode-raster-to-vector\/","url_meta":{"origin":337932,"position":4},"title":"SVGcode for “Live Tracing” Raster Images","date":"February 9, 2022","format":false,"excerpt":"Say you have a bitmap graphic \u2014 like a JPG, PNG, or GIF \u2014 and you wish it was vector, like SVG. What do you do? You could trace it yourself in some kind of design software. Or tools within design software can help. (I don't wanna delay the lede\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/02\/svgcode-example.png?fit=1200%2C1091&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":312675,"url":"https:\/\/css-tricks.com\/how-to-disable-code-the-developers-production-kill-switch\/","url_meta":{"origin":337932,"position":5},"title":"How to Disable Code: The Developer\u2019s Production Kill Switch","date":"June 25, 2020","format":false,"excerpt":"The following is a guest post written by Carlos Schults. Being able to disable code in production is a power that many developers aren\u2019t aware of. And that\u2019s a shame. The ability to switch off some portions\u2014or even complete features\u2014of the codebase can dramatically improve the software development process by\u2026","rel":"","context":"In "Sponsored"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/06\/image2.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/337932"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=337932"}],"version-history":[{"count":9,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/337932\/revisions"}],"predecessor-version":[{"id":338106,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/337932\/revisions\/338106"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/337941"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=337932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=337932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=337932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}