telegram-crawler/data/web/telegram.org/blog/video-stickers-better-reactions.html
2024-01-31 18:50:38 +00:00

275 lines
21 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Video Stickers, Better Reactions and More</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Video Stickers, Better Reactions and More">
<meta property="og:image" content="https://telegram.org/file/464001234/e805/Z0pNrCJET-E.104373/a38ce74977bc53b064">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="This update brings easy-to-make video stickers, better reactions with more compact animations and extra emoji, a button to review unseen reactions, improved navigation between chats and more.">
<meta property="article:published_time" content="2022-01-31T22:15:30+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/464001234/e805/Z0pNrCJET-E.104373/a38ce74977bc53b064" />
<meta property="fb:app_id" content="254098051407226">
<meta property="vk:app_id" content="3782569">
<meta name="apple-itunes-app" content="app-id=686449807">
<meta name="telegram:channel" content="@telegram">
<link rel="canonical" href="https://telegram.org/blog/video-stickers-better-reactions" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?236" rel="stylesheet" media="screen">
</head>
<body class="preload">
<div id="fb-root"></div>
<div class="tl_page_wrap">
<div class="tl_page_head navbar navbar-static-top navbar navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
<ul class="nav navbar-nav navbar-right"><li class="dropdown top_lang_select"><a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#"><i class="dev_top_lang_icon"></i>EN <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class="chosen "><a href="?setln=en">English</a></li><li class="long "><a href="?setln=id">Bahasa Indonesia</a></li><li class="long "><a href="?setln=ms">Bahasa Melayu</a></li><li class=""><a href="?setln=de">Deutsch</a></li><li class=""><a href="?setln=es">Español</a></li><li class=""><a href="?setln=fr">Français</a></li><li class=""><a href="?setln=it">Italiano</a></li><li class=""><a href="?setln=nl">Nederlands</a></li><li class=""><a href="?setln=uz">Ozbek</a></li><li class=""><a href="?setln=pl">Polski</a></li><li class="long "><a href="?setln=pt-br">Português (Brasil)</a></li><li class=""><a href="?setln=tr">Türkçe</a></li><li class=""><a href="?setln=be">Беларуская</a></li><li class=""><a href="?setln=ru">Русский</a></li><li class=""><a href="?setln=uk">Українська</a></li><li class=""><a href="?setln=ar">العربية</a></li><li class=""><a href="?setln=fa">فارسی</a></li><li class=""><a href="?setln=ko">한국어</a></li></ul></li><li class="navbar-twitter hidden-xs"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i> Twitter</a></li></ul>
<ul class="nav navbar-nav">
<li class=""><a href="/">Home</a></li>
<li class=""><a href="/faq">FAQ</a></li>
<li class=""><a href="/apps">Apps</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/mtproto">Protocol</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix tl_page_container ">
<div class="tl_page">
<div class="tl_contest_page_wrap">
<div class="tl_blog_side_blog"><div class="side_blog_wrap">
<div class="side_blog">
<a href="/blog" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="/blog/new-saved-messages-and-9-more" class="side_blog_entry">
<div class="side_blog_date">Jan 31</div>
<div class="side_blog_title">Saved Messages 2.0, One-Time Voice Messages and 8 More Features</div>
</a><a href="/blog/calls-and-bots" class="side_blog_entry">
<div class="side_blog_date">Dec 31</div>
<div class="side_blog_title">Colorful Calls, Thanos Snap Effect, and Better Bots</div>
</a><a href="/blog/posts-in-stories-and-more" class="side_blog_entry">
<div class="side_blog_date">Dec 23</div>
<div class="side_blog_title">Channel Appearance, Posts in Stories and More</div>
</a><a href="/blog/similar-channels" class="side_blog_entry">
<div class="side_blog_date">Nov 30</div>
<div class="side_blog_title">Similar Channels, Reposting Stories, and 9 More Features</div>
</a><a href="/blog/giveaways" class="side_blog_entry">
<div class="side_blog_date">Nov 6</div>
<div class="side_blog_title">Giveaways in Channels and Free Premium</div>
</a><a href="/blog/reply-revolution" class="side_blog_entry">
<div class="side_blog_date">Oct 28</div>
<div class="side_blog_title">Replies 2.0, Adjustable Link Previews, Name Colors and More</div>
</a><a href="/blog/channel-stories" class="side_blog_entry">
<div class="side_blog_date">Sep 22</div>
<div class="side_blog_title">Stories in Channels, View-Once Media and More</div>
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Video Stickers, Better Reactions and More</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<picture class="dev_page_tgsticker blog_side_image js-tgsticker_image" style="width:160px;"><div style="padding-top:100%"></div><source type="application/x-tgsticker" srcset="/file/464001570/f19c/xebnGoAM5e0.19487/46ee349b24011c93b5"><img src="/file/464001570/f19d/Bfpi_kkax80.33984.png/f66122b206114fa1a6" /></picture>
</div>
<div class="blog_wide_image">
<a href="/file/464001374/f1a9/VXKlA_mj0IU.299889/862f21fcdf847d774d" target="_blank"><img src="/file/464001234/e805/Z0pNrCJET-E.104373/a38ce74977bc53b064" srcset="/file/464001374/f1a9/VXKlA_mj0IU.299889/862f21fcdf847d774d, 1200w" title="Do not try this at home. Actually, no. Do try this at home, that's what this update is all about!" alt="Video Stickers, Better Reactions and More"/></a>
</div>
<p>This update brings easy-to-make <strong>video stickers</strong>, better reactions with <strong>compact animations</strong> and <strong>extra emoji</strong>, a button to review <strong>unseen reactions</strong>, improved <strong>navigation between chats</strong> and more.</p>
<h3><a class="anchor" name="video-stickers" href="#video-stickers"><i class="anchor-icon"></i></a>Video Stickers</h3>
<p>Telegram&#39;s <a href="https://telegram.org/blog/animated-stickers">animated stickers</a> have unmatched quality and efficiency needing less than <strong>30 KB</strong> of data per sticker. However, creating such stickers requires experience and specialized software such as Adobe Illustrator.</p>
<p>Today, we&#39;re adding support for stickers converted from <strong>regular videos</strong>, so that <strong>anyone</strong> can easily create detailed animated stickers using any video editing program.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001361/f67f/L3eErL51TSw.43672/9c35e510ddb8d41456" style="max-width: 600px;" title="To join the sticker artist team, one must fail a series of difficult sanity checks." alt="Video Stickers">
<source src="/file/464001039/fb00/ryrabmwfRFE.4760995.mp4/618c31d7b9cea8d591" type="video/mp4">
</video>
</div>
<p>Like always, you can <strong>publish your packs</strong> with the <a href="https://t.me/stickers">@Stickers</a> bot or add <a href="https://t.me/addstickers/Utya3D">some</a> <a href="https://t.me/addstickers/MATRESHKA">of the</a> <a href="https://t.me/addstickers/WackyLetters">new</a> <a href="https://t.me/addstickers/Potato">sets</a> made by others. Whatever you do, never stare back at the <a href="https://t.me/addstickers/VitaminParty">tomato</a>.</p>
<blockquote>
<p>Check out the <a href="https://core.telegram.org/stickers#video-stickers">Video Sticker Manual</a> for more details.</p>
<p>Developers can use the <a href="https://core.telegram.org/import-stickers">Sticker Import API</a> to build <a href="https://t.me/contest/280">powerful apps</a> for <strong>creating and importing stickers</strong> to Telegram.</p>
</blockquote>
<h3><a class="anchor" name="better-reactions" href="#better-reactions"><i class="anchor-icon"></i></a>Better Reactions</h3>
<p><a href="https://telegram.org/blog/reactions-spoilers-translations">Reactions</a> now have more <strong>compact animations</strong>. To send a larger effect, <strong>press and hold</strong> on a reaction in the menu.</p>
<p>Like <a href="https://telegram.org/blog/chat-themes-interactive-emoji-read-receipts#interactive-emoji">interactive emoji</a>, reactions are now <strong>synchronized</strong>, so your recipients will see the animations <strong>in real time</strong>.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001604/10615/Di8ChGUZBYE.22992/54107d39aeb36665ca" style="max-width: 600px;" title="Kamehame-hahaha" alt="Better Reactions">
<source src="/file/464001103/e1c6/Wynijzi49yo.9484801.mp4/315f1495f564607103" type="video/mp4">
</video>
</div>
<p>Reactions are used not only to express emotion, but also to answer questions and show approval which is why they now have <strong>read status</strong>. Like for replies or @-mentions, a <strong>new ♡ button</strong> appears when your messages have unseen reactions.</p>
<h3><a class="anchor" name="new-reactions-and-interactive-emoji" href="#new-reactions-and-interactive-emoji"><i class="anchor-icon"></i></a>New Reactions and Interactive Emoji</h3>
<p>This update also adds <strong>5 new reactions</strong> <img class="emoji" src="//telegram.org/img/emoji/40/F09FA5B0.png" width="20" height="20" alt="🥰" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA4AF.png" width="20" height="20" alt="🤯" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA494.png" width="20" height="20" alt="🤔" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA4AC.png" width="20" height="20" alt="🤬" /><img class="emoji" src="//telegram.org/img/emoji/40/F09F918F.png" width="20" height="20" alt="👏" /> to help you discuss anything from Christopher Nolan&#39;s movies to global economic news.</p>
<p>These reactions can also be sent as <a href="https://telegram.org/blog/chat-themes-interactive-emoji-read-receipts#interactive-emoji"><strong>interactive emoji</strong></a>. Send a single <img class="emoji" src="//telegram.org/img/emoji/40/F09FA5B0.png" width="20" height="20" alt="🥰" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA4AF.png" width="20" height="20" alt="🤯" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA494.png" width="20" height="20" alt="🤔" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA4AC.png" width="20" height="20" alt="🤬" /> or <img class="emoji" src="//telegram.org/img/emoji/40/F09F918F.png" width="20" height="20" alt="👏" /> to any private chat, then tap on the animated emoji to unleash a synchronized fullscreen effect.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001690/10f01/zQZixS83N9s.138813/ecc075a76183c3f54a" style="max-width: 600px;" title="Incidentally, this update includes everything you need to talk about ANCIENT ALIENS." alt="New Reactions and Interactive Emoji">
<source src="/file/464001191/f9e9/uyb6q6IqDCI.7115634.mp4/1c2b60e13486714469" type="video/mp4">
</video>
</div>
<h3><a class="anchor" name="navigating-recent-chats" href="#navigating-recent-chats"><i class="anchor-icon"></i></a>Navigating Recent Chats</h3>
<p>When <a href="https://telegram.org/blog/live-streams-forwarding-next-channel#jump-to-next-channel">jumping through unread channels</a> or moving between chats, press and <strong>hold the &#39;Back&#39; button</strong> to return to a <strong>specific chat</strong>. Opening chats from forwarded messages, links, usernames, profiles, etc. adds them to the list.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001317/f14d/lqi6mJyq98o.162820/44cdb7a281120740bd" style="max-width: 600px;" title="We need to go deeper." alt="Navigating Recent Chats">
<source src="/file/464001587/109fa/xJQLgrzq8Dw.3129379.mp4/a2c81236285133d3c5" type="video/mp4">
</video>
</div>
<h3><a class="anchor" name="bug-busting-and-more" href="#bug-busting-and-more"><i class="anchor-icon"></i></a>Bug Busting and More</h3>
<p>Our developers spent two weeks in January focusing completely on fixing known issues in Telegram apps. Among other things, they improved <strong>call quality</strong>, added support for <a href="https://telegram.org/blog/reactions-spoilers-translations#message-translation">translation</a> to <strong>Instant View</strong> pages (and <strong>bios</strong> on iOS), added the option to send <a href="https://telegram.org/blog/silent-messages-slow-mode">silent messages</a> from the <strong>sharing menu</strong> and dozens of other improvements.</p>
<p>On iOS, you&#39;ll also notice <strong>new animations</strong> when tapping icons in the tab bar.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001053/10329/XWu_1H0Aawo.168091/d4fc932f5b124145c1" style="max-width: 600px;" title="Cogs turning, phones ringing, pigs flying, writers getting carried away." alt="New Tab Bar Animations on iOS">
<source src="/file/464001621/fcaf/eeir0LdMjhc.245311.mp4/4f831e3327685c2ace" type="video/mp4">
</video>
</div>
<p>And that&#39;s it for today. Let&#39;s leave some features for February.</p>
<p><em>January 31, 2022<br>The Telegram Team</em></p>
<!--
###Video
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="PHOTO" style="max-width: 600px;" title="TITLE" alt="TITLE">
<source src="VIDEO" type="video/mp4">
</video>
</div>
###Image
<div class="blog_image_wrap blog_medium_image_wrap">
<a href="LARGE" target="_blank"><img src="SMALL" title="TITLE" alt="TITLE" srcset="LARGE , 2x" /></a>
</div>--></div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Fvideo-stickers-better-reactions&text=Easy-to-make%20video%20stickers%2C%20better%20reactions%20with%205%20new%20emoji%2C%20a%20new%20button%20to%20view%20unseen%20reactions%2C%20a%20way%20to%20navigate%20recent%20chats%20and%20more" class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Easy-to-make video stickers, better reactions with 5 new emoji, a new button to view unseen reactions, a way to navigate recent chats and more" data-url="https://telegram.org/blog/video-stickers-better-reactions"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>
<a href="https://twitter.com/share" class="tl_twitter_share_btn" id="tl_twitter_share_btn" data-text="Easy-to-make video stickers, better reactions with 5 new emoji, a new button to view unseen reactions, a way to navigate recent chats and more" data-url="https://telegram.org/blog/video-stickers-better-reactions" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
</div>
<div class="tl_main_recent_news_wrap tlb_other_news_wrap tl_blog_list_page_wrap">
<h3 class="tl_main_recent_news_header">
<a href="/blog">Other News</a>
</h3>
<div class="tl_main_recent_news_cards clearfix">
<a class="dev_blog_card_link_wrap" href="/blog/new-saved-messages-and-9-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400296/1/9NHuUm1khJE.300782/913468ac6a12d3161d" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Saved Messages 2.0, One-Time Voice Messages and 8 More Features</h4>
<div class="dev_blog_card_lead">Throughout January, we added 10 new features to Telegram including upgraded Saved Messages, one-time voice and video messages that delete…</div>
</div>
<div class="dev_blog_card_date">Jan 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/calls-and-bots"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400149/1/BSY3rQYfUhs.332063/6b257c0dc671d7be2c" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Colorful Calls, Thanos Snap Effect, and an Epic Update for Bots</h4>
<div class="dev_blog_card_lead">Telegram&#39;s 10th update of 2023 adds improved calls with a colorful new design that use less of your phone&#39;s battery, a new vaporize effect…</div>
</div>
<div class="dev_blog_card_date">Dec 31, 2023</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/posts-in-stories-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400793/2/VkvuurAxFVg.277684/e7d479017cc416a63a" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Channel Appearance, Posts in Stories and More</h4>
<div class="dev_blog_card_lead">In Telegram&#39;s Christmas update, channels can set wallpapers, emoji statuses and profile logos, users can repost channel messages to stories…</div>
</div>
<div class="dev_blog_card_date">Dec 23, 2023</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/similar-channels"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400090/1/RprIYMnvOUg.277465/d9f6381d8e3088a8f7" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Similar Channels, Reposting Stories, and 9 More Features</h4>
<div class="dev_blog_card_lead">Today&#39;s update lets you find more channels on similar topics, repost stories from friends and channels, and add video messages to stories.…</div>
</div>
<div class="dev_blog_card_date">Nov 30, 2023</div>
</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap footer_desktop">
<div class="footer_column footer_column_telegram">
<h5>Telegram</h5>
<div class="footer_telegram_description"></div>
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
</div>
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
<ul>
<li><a href="/faq">FAQ</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/press">Press</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="/dl/ios">iPhone/iPad</a></li>
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="//macos.telegram.org/">macOS</a></li>
<li><a href="/dl/web">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="//core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="//core.telegram.org/api">API</a></li>
<li><a href="//translations.telegram.org/">Translations</a></li>
<li><a href="//instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap footer_mobile">
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="/apps">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
<div class="footer_column">
<h5><a href="/press">Press</a></h5>
</div>
</div>
</div>
<script src="/js/main.js?47"></script>
<script src="/js/tgsticker.js?31"></script>
<script>initScrollVideos(true);
mainInitTgStickers({"maxDeviceRatio":2,"cachingModulo":4});
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>