telegram-crawler/data/telegram.org/blog/bots-2-0.html
2021-06-25 12:27:58 +00:00

260 lines
17 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>Bot Platform 2.0</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Bot Platform 2.0">
<meta property="og:image" content="https://telegram.org/file/811140621/2/lnShSpNXvds/7248d316e53acca9a9">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="Meet Bots 2.0: New keyboards, new mechanics, new permissions and more power. See video demos:">
<meta property="article:published_time" content="2016-04-12T01:56:21+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/811140621/2/lnShSpNXvds/7248d316e53acca9a9" />
<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/bots-2-0" />
<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/group-video-calls" class="side_blog_entry">
<div class="side_blog_date">Jun 25</div>
<div class="side_blog_title">Group Video Calls</div>
</a><a href="/blog/animated-backgrounds" class="side_blog_entry">
<div class="side_blog_date">Jun 25</div>
<div class="side_blog_title"> Animated Backgrounds</div>
</a><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>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Bot Platform 2.0</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<img src="/file/811140621/2/lnShSpNXvds/7248d316e53acca9a9" class="blog_side_image"/>
</div>
<p>At Telegram, we made it our mission to redefine the boundaries of what you can do with your messaging app. Last year we <a href="/blog/bot-revolution">launched the Bot Platform</a> that has unleashed the creativity of thousands of developers. </p>
<p>Today we are giving bot developers a whole new dimension with <a href="https://core.telegram.org/bots/2-0-intro"><strong>Bots 2.0</strong></a>: inline keyboards, callback and URL buttons, location permissions and on-the-fly message editing. The new bots can also generate any type of content for you to share with friends, including documents, MP3s, videos, stickers, animations and contacts.</p>
<p>To give you a taste of the new possibilities, we built some sample bots last weekend <a href="https://telegram.me/music">@music</a>, <a href="https://telegram.me/youtube">@youtube</a>, <a href="https://telegram.me/foursquare">@foursquare</a> and <a href="https://telegram.me/sticker">@sticker</a> (make sure your Telegram app was updated today before you try them).</p>
<h4><a class="anchor" name="new-keyboards-new-actions" href="#new-keyboards-new-actions"><i class="anchor-icon"></i></a>New Keyboards, New Actions</h4>
<p>Here&#39;s how <a href="https://telegram.me/music">@music</a> works it uses an <strong>inline keyboard</strong> that allows you to interact with it without sending any messages. And it <strong>updates</strong> its own messages on the fly as you flip through the pages of search results:</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="/resources/video/cover/Music.png" autoplay loop controls muted>
<source src="/resources/video/Music.mp4" type="video/mp4">
</video>
</div>
</div>
<h4><a class="anchor" name="new-types-of-content" href="#new-types-of-content"><i class="anchor-icon"></i></a>New Types of Content</h4>
<p>The <a href="https://telegram.me/music">@music</a> bot also works in <a href="/blog/inline-bots"><strong>inline mode</strong></a>, which means it can help you send MP3s to <strong>any</strong> of your chats, right from the input field:</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="/resources/video/cover/InlineMusic.png" autoplay loop controls muted>
<source src="/resources/video/InlineMusic.mp4" type="video/mp4">
</video>
</div>
</div>
<p>Inline bots can now send <strong>all types of attachments</strong> that are available on Telegram. We suspect you&#39;re going to like the <a href="https://telegram.me/sticker">@sticker</a> inline bot it can find you relevant stickers based on emoji.</p>
<h4><a class="anchor" name="new-mechanics" href="#new-mechanics"><i class="anchor-icon"></i></a>New Mechanics</h4>
<p>Like the <a href="https://telegram.me/music">@music</a> bot, <a href="https://telegram.me/youtube">@youtube</a> also works in two modes. It uses the new clever <strong>chat switching</strong> mechanic to connect your Telegram account with YouTube:</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="/resources/video/cover/YouTube.png" autoplay loop controls muted>
<source src="/resources/video/YouTube.mp4" type="video/mp4">
</video>
</div>
</div>
<p>Once a Youtube account is connected, you can access additional settings via the new menu option above the results.</p>
<h4><a class="anchor" name="new-permissions" href="#new-permissions"><i class="anchor-icon"></i></a>New Permissions</h4>
<p>Now, <a href="https://telegram.me/foursquare">@foursquare</a> is an inline bot that utilizes our new <strong>location features</strong> and helps you send addresses of places and venues nearby. Note how it asks for permission to use your location when you try to send something for the first time:</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="/resources/video/cover/Location.png" autoplay loop controls muted>
<source src="/resources/video/Location.mp4" type="video/mp4">
</video>
</div>
</div>
<h4><a class="anchor" name="new-horizons" href="#new-horizons"><i class="anchor-icon"></i></a>New Horizons</h4>
<p>These sample bots are but the beginning. Our Bot API 2.0 allows developers to create fluid and easy-to-use interfaces for powerful bots. And we will be seeing a lot of new ones in the coming months, after all, 2016 is the year of bots.</p>
<p>If you are a developer, take a look at our <a href="https://core.telegram.org/bots/2-0-intro">Introduction to Bots 2.0</a> and read the <a href="https://core.telegram.org/bots/api#recent-changes">full changelog</a>. Also, feel free to subscribe to our official <a href="https://telegram.me/botnews">@BotNews</a> channel to stay up to date on platform news.</p>
<p>If you are a user, hang on soon you will have plenty of cool bots to play with. Meanwhile, enjoy the sample bots!</p>
<div><br></div>
<blockquote>
<p>Oh. And we almost forgot we&#39;ve got more new stuff today!<br><a href="/blog/share-preview">Read on about Sharing and Previews »</a></p>
</blockquote>
<div><br></div>
<p><em>April 12, 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%2Fbots-2-0&text=Meet%20Bots%202.0%3A%20New%20keyboards%2C%20new%20mechanics%2C%20new%20permissions%20and%20more%20power.%20See%20video%20demos%3A" class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Meet Bots 2.0: New keyboards, new mechanics, new permissions and more power. See video demos:" data-url="https://telegram.org/blog/bots-2-0"><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="Meet Bots 2.0: New keyboards, new mechanics, new permissions and more power. See video demos:" data-url="https://telegram.org/blog/bots-2-0" 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/group-video-calls"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001231/2/Q0OFpRBNruI.71986/42d2a05bd0d1bd091b" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Group Video Calls</h4>
<div class="dev_blog_card_lead">Today&#39;s update lets you turn on your camera or share your screen during Voice Chats in groups on all devices, including tablets and desktops. This brings voice chats to a whole new…</div>
</div>
<div class="dev_blog_card_date">Jun 25, 2021</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/animated-backgrounds"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/464001689/5/LAdUj8JXG_c.61616/b196801953bc54ecd5" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title"> Animated Backgrounds</h4>
<div class="dev_blog_card_lead">In addition to Group Video Calls, this update adds animated backgrounds and message sending animations, as well as a new menu button for bots, new ways to import stickers, reminders…</div>
</div>
<div class="dev_blog_card_date">Jun 25, 2021</div>
</div></a><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>
</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>