telegram-crawler/data/web/telegram.org/blog/message-effects-and-more.html
2024-06-30 14:26:52 +00:00

282 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>Message Effects, Hashtag Search, and More</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Message Effects, Hashtag Search, and More">
<meta property="og:image" content="https://telegram.org/file/400780400575/2/8KHh7_LfT2A.255792/813a31e04522b5856a">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="With this update, you can add spectacular animated effects to messages you send, move captions above media, find public posts using global hashtags, hide fragments of text with collapsible quote blocks and more.">
<meta property="article:published_time" content="2024-05-31T17:34:42+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/400780400575/2/8KHh7_LfT2A.255792/813a31e04522b5856a" />
<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/message-effects-and-more" />
<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?239" 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/mini-app-bar-paid-media-and-more" class="side_blog_entry">
<div class="side_blog_date">Jun 30</div>
<div class="side_blog_title">Mini App Bar, Paid Media, Story Search &amp; More</div>
</a><a href="/blog/telegram-stars" class="side_blog_entry">
<div class="side_blog_date">Jun 6</div>
<div class="side_blog_title">Telegram Stars: Pay for Digital Goods and More</div>
</a><a href="/blog/message-effects-and-more" class="side_blog_entry">
<div class="side_blog_date">May 31</div>
<div class="side_blog_title">Message Effects, Hashtag Search, and More</div>
</a><a href="/blog/my-profile-and-15-more" class="side_blog_entry">
<div class="side_blog_date">Apr 25</div>
<div class="side_blog_title">My Profile, Recommended Channels and 15 More Features</div>
</a><a href="/blog/sticker-maker" class="side_blog_entry">
<div class="side_blog_date">Apr 14</div>
<div class="side_blog_title">Sticker Editor — Create Your Own Stickers</div>
</a><a href="/blog/telegram-business" class="side_blog_entry">
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Introducing Telegram Business</div>
</a><a href="/blog/monetization-for-channels" class="side_blog_entry">
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Sharing Revenue with Channel Owners</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">Message Effects, Hashtag Search, 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/400780400494/5/4w-lIXK_nM4.15877/c1748ed410006b8a43"><img src="/file/400780400494/6/VQyWfYg3NM0.37819.png/dfe5bc5471fe5218ae" /></picture>
</div>
<div class="blog_wide_image">
<a href="/file/400780400671/3/o2Y8PX3lJro.500173/b7e899575da23244f5" target="_blank"><img src="/file/400780400575/2/8KHh7_LfT2A.255792/813a31e04522b5856a" srcset="/file/400780400671/3/o2Y8PX3lJro.500173/b7e899575da23244f5, 1200w" title="" alt="Introducing Message Effects, Hashtag Search, and More"/></a>
</div>
<p>With this update, you can add spectacular <strong>animated effects</strong> to messages you send, move <strong>captions <em>above</em> media</strong>, find public posts using <strong>global hashtags</strong>, hide fragments of text with <strong>collapsible</strong> quote blocks and more.</p>
<h4><a class="anchor" name="message-effects" href="#message-effects"><i class="anchor-icon"></i></a>Message Effects</h4>
<p>Messages in <strong>1-on-1 chats</strong> can now be sent with <strong>animated effects</strong> that play when the recipient opens the chat. Nothing says <em>&#39;I Love You&#39;</em> like a screen covered in kisses <img class="emoji" src="//telegram.org/img/emoji/40/F09F928B.png" width="20" height="20" alt="💋" />, or flames <img class="emoji" src="//telegram.org/img/emoji/40/F09F94A5.png" width="20" height="20" alt="🔥" />, or something else altogether <img class="emoji" src="//telegram.org/img/emoji/40/F09F9888.png" width="20" height="20" alt="😈" />.</p>
<p>Everyone can use <strong>6 free effects</strong>, while Telegram Premium unlocks <strong>hundreds more</strong> including <strong>all the effects</strong> from <a href="https://telegram.org/blog/700-million-and-premium#unique-stickers">Premium stickers</a>.</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/400780400727/4/LcjVK4dH64A.179524/db263ab3556ff2ce13" style="max-width: 600px;" title="" alt="Message Effects">
<source src="/file/400780400556/2/Qwut5u0KCPA.7025106.mp4/c17901221303a21414" type="video/mp4">
</video>
</div>
<p>To add an effect, simply press and hold the <strong>Send</strong> arrow and pick the emotion that matches your message.</p>
<blockquote>
<p>From the same menu, you can <a href="https://telegram.org/blog/scheduled-reminders-themes">schedule a message</a> or <a href="https://telegram.org/blog/silent-messages-slow-mode">send it silently</a>.</p>
</blockquote>
<h4><a class="anchor" name="captions-above-media" href="#captions-above-media"><i class="anchor-icon"></i></a>Captions Above Media</h4>
<p>Captions can now be moved <strong>above media</strong> so that illustrations for your posts and meme punchlines know their place.</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/400780400424/5/hyKvz94KeeU.47007/a8e2bc7fc28ddc4b87" style="max-width: 600px;" title="" alt="Captions Above Media">
<source src="/file/400780400467/1/cK3lfI7t5Bc.3786790.mp4/bbd98c2599274451b7" type="video/mp4">
</video>
</div>
<p>To do this, select media in your attachment menu, then type a caption into the input field that appears, press and hold the <strong>Send</strong> arrow, and select <em>&#39;Move Caption Up&#39;</em> to change its position. </p>
<blockquote>
<p>You can also <strong>edit</strong> media or albums to move their captions up or down simply edit the message, press and hold the <em>Save</em> button and select <em>&#39;Move Caption Up&#39;</em>.</p>
</blockquote>
<h4><a class="anchor" name="quick-actions-for-phone-numbers" href="#quick-actions-for-phone-numbers"><i class="anchor-icon"></i></a>Quick Actions for Phone Numbers</h4>
<p>Tapping a phone number in a chat opens a <strong>redesigned menu</strong> with options to send a message, start a call, or add the number as a contact with just <strong>one more tap</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/400780400525/1/h6zMJ8Ihztk.50613/49dc689a619f9e3bbc" style="max-width: 600px;" title="" alt="Quick Actions for Phone Numbers">
<source src="/file/400780400759/4/kN_H3Wg-Llk.715256.mp4/2253110dcbb7d72b7d" type="video/mp4">
</video>
</div>
<h4><a class="anchor" name="hashtag-search" href="#hashtag-search"><i class="anchor-icon"></i></a>Hashtag Search</h4>
<p><a href="https://telegram.org/evolution#march-2015-first-update">Since 2015</a>, you can use <strong>hashtags</strong> to easily search for <code>#important</code> messages (or <code>#cats</code>) across your chats.</p>
<p>With today&#39;s update, hashtags become <strong>global</strong>. Tapping a hashtag in any chat also shows search results from big <strong>public channels</strong> letting you quickly find breaking <code>#news</code> from channels or scroll through <code>#travel</code> videos.</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/400780400127/2/KLUWT22lDKA.71827/21f5e8e98576ca330a" style="max-width: 600px;" title="" alt="Global Hashtags">
<source src="/file/400780400805/3/VRhTcqA_0Hs.3592001.mp4/e92dea3bb5f03516b4" type="video/mp4">
</video>
</div>
<p>When browsing the <em>&#39;Public Posts&#39;</em> tab, you can choose to view them as a scrollable <strong>feed of posts</strong> or as a compact list.</p>
<blockquote>
<p>Global hashtag search only includes messages from big <strong>public channels</strong>. Messages from private chats are <strong>never shown</strong>.</p>
</blockquote>
<h4><a class="anchor" name="collapsible-quotes" href="#collapsible-quotes"><i class="anchor-icon"></i></a>Collapsible Quotes</h4>
<p>People like to read <em>short</em> texts so much that we&#39;re surprised you&#39;ve read this far!</p>
<p>You can now make your messages <strong>more compact</strong> by hiding fragments of text inside <strong>collapsible quote blocks</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/400780400280/1/RVN5ToDsfkM.213912/8c94a6f2f5934fb6ca" style="max-width: 600px;" title="" alt="Collapsible Quotes">
<source src="/file/400780400717/1/K5GJ5PVPef0.5026805.mp4/2caf11535ca5dc5438" type="video/mp4">
</video>
</div>
<p>Simply add <a href="https://telegram.org/blog/reply-revolution#quote-formatting">quote formatting</a> and tap the <strong>collapse button</strong> in the input field. Your readers will be able to <strong>expand</strong> and read the quote or scroll a lot less to skip it.</p>
<h4><a class="anchor" name="colorful-calls-on-macos" href="#colorful-calls-on-macos"><i class="anchor-icon"></i></a>Colorful Calls on macOS</h4>
<p><a href="https://telegram.org/blog/calls-and-bots#upgraded-calls">Last December</a>, we added <strong>dynamic backgrounds</strong> and <strong>stylish animations</strong> to <strong>voice</strong> and <strong>video calls</strong> on Android and iOS. Now those same interface updates are available for users of our native <a href="https://macos.telegram.org/">macOS app</a> making desktop calls <strong>more beautiful</strong> while using <strong>fewer resources</strong> than before.</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/400780400147/1/lGx3LFIqaKk.62463/bf20f4c461ff092b0e" style="max-width: 600px;" title="" alt="Colorful Calls on macOS">
<source src="/file/400780400024/2/ErnJ_WBdyCE.5761503.mp4/9a06b565e9907bb613" type="video/mp4">
</video>
</div>
<p>That&#39;s all for today, we&#39;ll be busy watching the firework <img class="emoji" src="//telegram.org/img/emoji/40/F09F8E86.png" width="20" height="20" alt="🎆" /> effects until the next update.</p>
<!--
> **Android** users can get the new version with these features from [Google Play](https://telegram.org/dl/android) or [directly from Telegram](https://telegram.org/android). If you're on iOS, you'll have to wait for Apple to finish reviewing this update.
-->
<div><br></div>
<p><em>May 31, 2024,<br>The Telegram Team</em></p>
</div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Fmessage-effects-and-more&text=With%20this%20update%2C%20you%20can%20add%20spectacular%20animated%20effects%20to%20messages%20you%20send%2C%20move%20captions%20above%20media%2C%20find%20public%20posts%20using%20global%20hashtags%2C%20hide%20fragments%20of%20text%20with%20collapsible%20quote%20blocks%20%E2%80%93%20and%20more." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="With this update, you can add spectacular animated effects to messages you send, move captions above media, find public posts using global hashtags, hide fragments of text with collapsible quote blocks and more." data-url="https://telegram.org/blog/message-effects-and-more"><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="With this update, you can add spectacular animated effects to messages you send, move captions above media, find public posts using global hashtags, hide fragments of text with collapsible quote blocks and more." data-url="https://telegram.org/blog/message-effects-and-more" 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/mini-app-bar-paid-media-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400026/1/xwmW8Qofk5M.263566/16218cb12e7549e76b" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Mini App Bar, Paid Media, Story Search &amp; More</h4>
<div class="dev_blog_card_lead">Our June update adds a way to minimize mini apps into a compact bar, helps content creators monetize their channels with paid photos and…</div>
</div>
<div class="dev_blog_card_date">Jun 30, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/telegram-stars"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400431/1/-u0XrknOtfw.232636/60f98efd626b95d010" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Stars: Pay for Digital Goods and More</h4>
<div class="dev_blog_card_lead">Over 400 million users interact with bots and mini apps on Telegram every month to buy products, access services, play games, and much…</div>
</div>
<div class="dev_blog_card_date">Jun 6, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/my-profile-and-15-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400283/2/u3yTafRoh-g.259708/f2ec7d02b0bf09876e" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">My Profile, Recommended Channels and 15 More Features</h4>
<div class="dev_blog_card_lead">This month we&#39;ve added more than 15 new features, including recommended channels, a way to view your own profile and display your channel…</div>
</div>
<div class="dev_blog_card_date">Apr 25, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/sticker-maker"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400906/1/nG_ME-jFfII.256820/2569601ad1ecf4c3c2" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Sticker Editor — Create Your Own Stickers</h4>
<div class="dev_blog_card_lead">Starting today, anyone can quickly create stickers and entire sticker sets using a new powerful editor —&nbsp;without leaving Telegram.</div>
</div>
<div class="dev_blog_card_date">Apr 14, 2024</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>