telegram-crawler/data/telegram.org/blog/instant-view.html
2021-05-25 12:31:28 +00:00

268 lines
18 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>Instant View, Telegraph, and Other Goodies</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Instant View, Telegraph, and Other Goodies">
<meta property="og:image" content="https://telegram.org/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="Meet Instant View, a elegant way to view articles with zero pageload time. To try it out, use Telegram version 3.14 to share a link to a Medium post or a TechCrunch article. This will get you an Instant View button that immediately shows a native page, saving you time and data.">
<meta property="article:published_time" content="2016-11-22T20:07:37+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" />
<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/instant-view" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="alternate icon" href="/favicon.ico?4" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?212" rel="stylesheet" media="screen">
<style>
</style>
</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> <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class=""><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/payments-2-0-scheduled-voice-chats" class="side_blog_entry">
<div class="side_blog_date">Apr 26</div>
<div class="side_blog_title">Payments 2.0, Scheduled Voice Chats, New Web Versions</div>
</a><a href="/blog/voice-chats-on-steroids" class="side_blog_entry">
<div class="side_blog_date">Mar 19</div>
<div class="side_blog_title">Voice Chats 2.0: Channels, Millions of Listeners, Recorded Chats, Admin Tools</div>
</a><a href="/blog/autodelete-inv2" class="side_blog_entry">
<div class="side_blog_date">Feb 23</div>
<div class="side_blog_title">Auto-Delete, Widgets and Expiring Invite Links</div>
</a><a href="/blog/move-history" class="side_blog_entry">
<div class="side_blog_date">Jan 28</div>
<div class="side_blog_title">Moving Chat History from Other Apps</div>
</a><a href="/blog/voice-chats" class="side_blog_entry">
<div class="side_blog_date">Dec 23</div>
<div class="side_blog_title">Voice Chats Done Right</div>
</a><a href="/blog/pinned-messages-locations-playlists" class="side_blog_entry">
<div class="side_blog_date">Oct 30</div>
<div class="side_blog_title">Pinned Messages 2.0, Improved Live Locations, Playlists and More</div>
</a><a href="/blog/filters-anonymous-admins-comments" class="side_blog_entry">
<div class="side_blog_date">Sep 30</div>
<div class="side_blog_title">Search Filters, Anonymous Admins, Channel Comments</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">Instant View, Telegraph, and Other Goodies</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<img src="/file/811140520/1/u1WmYCpjBoQ/ea7ebbbc053abd591d" class="blog_side_image"/>
</div>
<div class="blog_wide_image">
<a href="/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" target="_blank"><img src="/file/811140505/3/_dlst-OYofc.208225/903d7579a66642b441" title="This blog post was the first one to get its own full color illustration (the bot prize one was cut out of a poster). And if you were looking for the only funny alt text added before Summer 2019, you've found it. Go home. Yes, I know it's not really that funny."/></a>
</div>
<div>Meet <b>Instant View</b>, an elegant way to view <s>your dog</s> articles with zero pageload time. To try it out, use Telegram version <b>3.14</b> to share a link to a <b><a href="https://medium.com">Medium</a></b> post or a <a href="https://techcrunch.com"><b>TechCrunch</b></a> article. This will get you an <i>Instant View</i> button that immediately shows a native page, saving you time and data. </div>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140831/2/hCo6ELf7oWs.134511/4233a17be835481dc4" target="_blank"><img src="/file/811140831/2/hCo6ELf7oWs.134511/4233a17be835481dc4" title="Instant View button"/></a>
<p>Instant View button</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140368/2/RfcQmOykCAE.162784/ae6ebd67a71e9a0bee" target="_blank"><img src="/file/811140368/2/RfcQmOykCAE.162784/ae6ebd67a71e9a0bee" title="Full peview"/></a>
<p>Saves time and data</p> </div>
</div>
<p>If you have feedback about the way an Instant View page was generated, ping our <a href="https://telegram.me/previews">@previews</a> bot. Only a handful of websites are supported at the moment, but we&#39;ll be adding more as we go. Eventually we want to provide Instant View pages for every story on the Web and thus devour the entire Internet (*evil laugh*).</p>
<h3><a class="anchor" name="telegraph" href="#telegraph"><i class="anchor-icon"></i></a>Telegraph</h3>
<p>Today we are launching <a href="https://telegra.ph"><strong>Telegraph</strong></a> a publishing tool that lets you create richly formatted posts with photos and all sorts of embedded stuff. Telegraph posts get beautiful Instant View pages on Telegram.</p>
<p>To try it, go to <a href="https://telegra.ph"><strong>telegra.ph</strong></a>, publish a story, and share it on Telegram. With Telegraph, your Telegram channel can run stories just like the mainstream media (although you may find it tricky to become as biased).</p>
<h3><a class="anchor" name="jump-to-date" href="#jump-to-date"><i class="anchor-icon"></i></a>Jump to Date</h3>
<p>You can now travel in time to any moment in the past. Just tap <strong>Search</strong> inside a chat and choose a day using the <strong>Calendar</strong> tool. </p>
<div class="blog_2images_wrap">
<div class="blog_image_wrap">
<a href="/file/811140633/3/li2YSyBrIko.95469/a1f69dca2b7e762940" target="_blank"><img src="/file/811140633/3/li2YSyBrIko.95469/a1f69dca2b7e762940" title="Calendar button"/></a>
<p>Calendar button</p>
</div>
<div class="blog_image_wrap">
<a href="/file/811140654/2/AGv-djof444.62597/42fdfa8a58cdd6b7ab" target="_blank"><img src="/file/811140654/2/AGv-djof444.62597/42fdfa8a58cdd6b7ab" title="Pick a day"/></a>
<p>Pick a day</p> </div>
</div>
<p>Unfortunately, this doesn&#39;t work with dates from the future. Sorry, no flying cars and hoverboards for you today.</p>
<h3><a class="anchor" name="view-pack-for-recent-stickers" href="#view-pack-for-recent-stickers"><i class="anchor-icon"></i></a>View Pack for Recent Stickers</h3>
<p>Remember all those times when you had a sad Pepe among your recently sent stickers? If youre like us, your natural desire wouldve been to reunite the sad Pepe with the rest of his family by scrolling to the <a href="https://telegram.me/addstickers/SuperPepe">Pepe pack</a> in your sticker panel.</p>
<p>You can now do that in an instant: try a long tap (or 3D-touch on iOS) on a recent sticker, then choose View Pack. Hey presto! For some mysterious reason, this also works with non-Pepe stickers.</p>
<div class="smartphone_video_player_wrap">
<div class="smartphone_video_player_iphone">
<video class="smartphone_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" poster="/file/811140254/2/G8ZwLA-hOMY.67414/0620f6a222e28d0976" autoplay loop controls muted>
<source src="/file/811140934/2/zdiDO6qiVKc.1141368.mp4/1fe0052aa657009124" type="video/mp4">
</video>
</div>
</div>
<!---/file/811140979/5/zR0PDURbvOs.1156175.mp4/c675825e3a1ed4e3d6--->
<h3><a class="anchor" name="groups-in-common" href="#groups-in-common"><i class="anchor-icon"></i></a>Groups in Common</h3>
<p>Sometimes you want to find a group in your chats, but cant recall the title. Heres a life-hack for you: think about a contact of yours that was also a member in that group. This association technique may help you bring back the title too. If it doesnt, open that contacts profile and tap <strong>Groups in Common</strong>. </p>
<h3><a class="anchor" name="android-strikes-back" href="#android-strikes-back"><i class="anchor-icon"></i></a>Android Strikes Back</h3>
<p>Some of you Android users told us we loved iPhones more than Androids. That almost made us cry (remember the sad Pepe in our recent stickers?). To make things right with you, we fired our iOS dev, who was too good. </p>
<p>Well, not really. We simply locked ourselves in the coding basement for several weeks to bring you this:</p>
<ul>
<li>A slick new interface for creating groups and selecting users in privacy settings (shiny animations included).</li>
<li>A new beautiful interface for notification settings.</li>
<li>Improved security for passcode locks (your chats won&#39;t be seen in the task switcher now). This one also works on iOS.</li>
<li>Improved camera speed when taking photos and videos.</li>
<li>Better video compression.</li>
<li>An improved and less obstructive photo viewer.</li>
<li>Easier editing of messages and adding captions to photos.</li>
</ul>
<p>And that&#39;s just getting us warmed up. Make Android Great Again! </p>
<h3><a class="anchor" name="also" href="#also"><i class="anchor-icon"></i></a>Also</h3>
<p>Something big is brewing in our secret dungeons. Stay tuned.</p>
<div><br></div>
<p><em>November 22, 2016<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%2Finstant-view&text=Instant%20View%20for%20articles%2C%20Jump%20to%20Date%2C%20Groups%20in%20Common%2C%20and%20Telegraph%20%E2%80%93%20a%20publishing%20tool." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Instant View for articles, Jump to Date, Groups in Common, and Telegraph a publishing tool." data-url="https://telegram.org/blog/instant-view"><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="Instant View for articles, Jump to Date, Groups in Common, and Telegraph a publishing tool." data-url="https://telegram.org/blog/instant-view" 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/payments-2-0-scheduled-voice-chats"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001783/2/6Is-qGJkgX4.92603/d4d7fe3e0fc14ff3ba" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Payments 2.0, Scheduled Voice Chats, New Web Versions</h4>
<div class="dev_blog_card_lead">This update brings Payments 2.0 for all Telegram chats, Scheduling and Mini Profiles for Voice Chats, new versions of Telegram Web for…</div>
</div>
<div class="dev_blog_card_date">Apr 26, 2021</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/voice-chats-on-steroids"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001855/3/O31CcF_-a20.86962/cafa0c3d7dd2df1134" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Voice Chats 2.0: Channels, Millions of Listeners, Recorded Chats, Admin Tools</h4>
<div class="dev_blog_card_lead">Voice Chats first appeared in December, adding a new dimension of live talk to Telegram groups. Starting today, they become available in…</div>
</div>
<div class="dev_blog_card_date">Mar 19, 2021</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/autodelete-inv2"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001701/5/WvHD2TGPSzU.74913/648f3e17886f6c96f8" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Auto-Delete, Widgets and Expiring Invite Links</h4>
<div class="dev_blog_card_lead">This update brings an auto-delete timer for messages in any chat, as well as new flexible invite links and faster access to your chats…</div>
</div>
<div class="dev_blog_card_date">Feb 23, 2021</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/move-history"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001185/1/Z6LVvcYB03g.64305/e8ff8c87c4d656cbe1" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Moving Chat History from Other Apps</h4>
<div class="dev_blog_card_lead">Over 100 million new users joined Telegram this January, seeking more privacy and freedom. But what about the messages and memories that remain in older apps? Starting today, everyone…</div>
</div>
<div class="dev_blog_card_date">Jan 28, 2021</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="/blog">Blog</a></li>
<li><a href="/jobs">Jobs</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="/dl/android">Android</a></li>
<li><a href="/dl/wp">Windows Phone</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?42"></script>
<script>initScrollVideos(true);
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>