telegram-crawler/data/web/telegram.org/blog/video-stickers-better-reactions.html
2023-02-03 19:19:56 +00:00

274 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?234" 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/telemoji" class="side_blog_entry">
<div class="side_blog_date">Feb 3</div>
<div class="side_blog_title">Custom Animated Emoji, Gifting Telegram Premium, and More</div>
</a><a href="/blog/profile-pics-emoji-translations" class="side_blog_entry">
<div class="side_blog_date">Feb 3</div>
<div class="side_blog_title">Profile Photo Maker, Emoji Categories, Translating Entire Chats, and More</div>
</a><a href="/blog/hidden-media-zero-storage-profile-pics" class="side_blog_entry">
<div class="side_blog_date">Dec 30</div>
<div class="side_blog_title">Hidden Media, Zero Storage Usage, New Drawing Tools, and More</div>
</a><a href="/blog/ultimate-privacy-topics-2-0" class="side_blog_entry">
<div class="side_blog_date">Dec 6</div>
<div class="side_blog_title">No-SIM Signup, Auto-Delete All Chats, Topics 2.0 and More</div>
</a><a href="/blog/topics-in-groups-collectible-usernames" class="side_blog_entry">
<div class="side_blog_date">Nov 5</div>
<div class="side_blog_title">Topics in Groups, Collectible Usernames and More</div>
</a><a href="/blog/infinite-reactions-statuses" class="side_blog_entry">
<div class="side_blog_date">Sep 16</div>
<div class="side_blog_title">Infinite Reactions, Emoji Statuses and Much More</div>
</a><a href="/blog/custom-emoji" class="side_blog_entry">
<div class="side_blog_date">Aug 12</div>
<div class="side_blog_title">Custom Animated Emoji, Gifting Telegram Premium, 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/telemoji"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001738/111e0/RVvmuGtCK0A.285280/6148669b1197e199ff" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Custom Animated Emoji, Gifting Telegram Premium, and More</h4>
<div class="dev_blog_card_lead">Today&#39;s update brings custom animated emoji in messages and captions, the ability to give Telegram Premium as a gift, a new privacy setting…</div>
</div>
<div class="dev_blog_card_date">Feb 3, 2023</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/profile-pics-emoji-translations"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001685/121ea/HyZSx51MXnw.259992/06800efa6899f9ee32" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Profile Photo Maker, Emoji Categories, Translating Entire Chats, and More</h4>
<div class="dev_blog_card_lead">Telegram&#39;s first update of the year adds 10 major features by way of a warm-up exercise.</div>
</div>
<div class="dev_blog_card_date">Feb 3, 2023</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/hidden-media-zero-storage-profile-pics"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001670/fd0c/QD6RWeUTAIs.301579/e818a6df64543c1ad1" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Hidden Media, Zero Storage Usage, New Drawing Tools, Profile Pictures for Your Contacts, and More</h4>
<div class="dev_blog_card_lead">Sending media with spoiler effects, new ways to save space on your device, new drawing tools…</div>
</div>
<div class="dev_blog_card_date">Dec 30, 2022</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/ultimate-privacy-topics-2-0"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001668/fd89/UBuBIo3AwaM.254718/99f5aa87b728abadf1" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">No-SIM Signup, Auto-Delete All Chats, Topics 2.0 and More</h4>
<div class="dev_blog_card_lead">With this update, you can have a Telegram account without a SIM card and set up a global timer to automatically delete messages in all…</div>
</div>
<div class="dev_blog_card_date">Dec 6, 2022</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="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)">Twitter</a></h5>
</div>
</div>
</div>
<script src="/js/main.js?47"></script>
<script src="/js/tgsticker.js?29"></script>
<script>initScrollVideos(true);
mainInitTgStickers({"maxDeviceRatio":2,"cachingModulo":4});
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>