Создать чат в скайпе

Как создать группу (чат) в скайпе

Если у вас уже установлен Скайп, и вы им активно пользуетесь, то, возможно, уже знакомы с функцией создания групповой беседы. Но есть и такие пользователи, которым неизвестно, как можно одновременно вести диалог сразу с несколькими людьми. Чтоб иметь такую возможность, нужно несколько человек объединить в одной группе, в которой и будет вестись переписка. О том, что собой представляет групповая беседа в скайпе, как ее создать и удалить, мы поговорим в этой статье.

Что такое чат, приватная беседа и конференция

В Скайпе вы можете воспользоваться такими возможностями, как общение при помощи чата, разговор в приватной беседе и скайп конференция. Давайте разберемся, что они собой представляют.

Чат – это общение между двумя пользователями, возможность обмениваться любыми материалами. Переписка сохраняется в диалогах, вы в любой момент можете найти эти сообщения. Также может иметь место групповой чат, когда в беседе будет участвовать несколько пользователей.

Приватная беседа – это возможность совершить частный разговор, который не будет никем просмотрен. Все переговоры и сообщения будут зашифрованными до момента завершения беседы. Этот чат будет доступным исключительно на том устройстве, с которого началось общение (было отправлено и принято приглашение).

Конференция – это групповая беседа, имеющая вид группового звонка или видеочата. Если вы задаетесь вопросом, сколько человек в конференции может участвовать за раз, то при голосовом звонке – до 25 пользователей, при видеочате – всего 10, не больше.

В данной статье мы рассмотрим, как создать группу в скайпе – беседу между несколькими пользователями. Рассмотрим вариант создания на телефоне и компьютере. Также поговорим и об удалении группового чата.

Работа с чатами скайпа на компьютере

Запускаем Skype на рабочем столе. В левой части экрана нажимаем на плюсик, который располагается над последними диалогами.

В выскочившем меню выбираем строку «Создать групповой чат».

Появляется окно, в котором нам необходимо указать название беседы.

После того, как наименование группы будет введено, можно нажать на значок фотоаппарата, чтобы выбрать картинку, которая будет соответствовать теме предстоящего разговора.

Выбрав нужную фотографию, нажимаем на значок горизонтальной стрелочки, которая находится в нижнем правом углу этого окна.

Появляется окно, в котором необходимо поставить галочки напротив тех, кого нужно добавить в предстоящую беседу.

Выбрав пользователей, нажимаем на кнопку «Готово», находящуюся в правом верхнем углу.

Чтоб добавить собеседников в ведущуюся беседу, нам необходимо открыть этот групповой чат, и нажать на кнопку «пригласить кого-то еще».

Открывается окно, в котором мы снова можем проставить галочки напротив имен тех людей, кого хотим добавить в группу.

Выбрав пользователей, нажимаем на кнопку «Готово», которая находится в верхнем правом углу.

Если нужно кого-то исключить из беседы, нажимаем на название данной беседы.

Открывается окно, в котором мы можем навести стрелочкой мыши на пользователя, которого нужно исключить.

Напротив его имени выскакивает слово «Удалить», нажимаем на него.

Подтверждаем свой выбор, нажав на кнопку «Удалить».

Добавлять новых участников беседы мы можем только из тех людей, кто входит в список наших контактов. Если же необходимо добавить пользователя, который не является вашим другом, вы можете отправить ему ссылку на эту беседу. Для этого необходимо, находясь в общем чате, нажать на название беседы. В открывшемся окне выбрать строку «Ссылка для присоединения к группе».

Далее необходимо нажать на переключатель напротив строки «Приглашение в группу по ссылке».

Под данной кнопкой появляется строка «Копировать в буфер». Нажимаем на значок копирования.

Осталось только вставить ссылку и отправить ее нужному человеку. Перейдя по ней, он окажется в вашей беседе.

Если вас интересует, как удалить чат в скайпе, то для этого нужно выбрать групповую беседу из перечня ваших чатов. Клацнуть по ней правой кнопкой мыши и выбрать строку «Удалить беседу».

Выскакивает окно, в котором нас предупреждают о том, что данная беседа удалится только у нас, а у остальных пользователей она будет сохранена. Если вас это устраивает, нажимаем на кнопку «Удалить».

Если вы хотите прекратить существование данного чата, то для этого необходимо удалить всех участников беседы, зайдя в настройки профиля группы.

Пролистать вниз.

Нажать на строку «Покинуть группу».

Выскочит окно, в котором мы подтверждаем свой выбор, нажав на соответствующую кнопку.

Работа с чатами с телефона

Запускаем мобильное приложение на телефоне. В открывшемся окне диалогов нажимаем на голубой значок чата, который находится в правом нижнем углу.

Всплывают варианты, среди которых можно выбрать строку «Создать групповой чат».

Открывается окно, в котором нам необходимо выбрать участников предстоящей беседы, нажав на нужные имена пальцем.

Определившись с выбором, нажимаем на голубой значок беседы, находящийся в правом нижнем углу.

Если хотим изменить название группового чата, открываем данное диалоговое окно, нажимаем на перечень имен участников.

Открывается профиль группы. Чтобы изменить название беседы, необходимо нажать на значок карандаша, который находится рядом с именами участников под окном аватара.

Написав нужное название, нажимаем на значок галочки, располагаемый рядом с ним.

Если хотим загрузить изображение профиля, нажимаем на фотоаппарат.

Нам предлагается выбрать картинку из галереи или сделать снимок при помощи камеры.

Чтоб добавить нового участника в беседу, необходимо, находясь в данном чате, нажать на вертикальное троеточие, которое располагается в верхнем правом углу.

В появившемся меню выбираем строку «Добавить участников».

Вы можете вручную клацать по именам нужных пользователей или же ввести первые буквы фамилии или имени в поисковую строку, чтобы быстрее найти нужного человека.

Когда выбор будет сделан, нажимаем на значок галочки в голубом кружочке.

Чтоб удалить кого-то из беседы, необходимо, находясь в групповом чате, нажать на название группы. Пролистать до списка участников, навести пальцем на нужного человека, и нажать на значок минуса в голубом кружочке.

Выскочит окно, в котором необходимо выбрать строку «Удалить пользователей».

Если вы хотите прекратить активность данной беседы, то для начала нужно исключить из группового чата всех участников, после чего нажать на «Покинуть группу».

Подтвердить свой выбор нажатием одноименной кнопки.

Теперь вам известно, как создавать групповые чаты, как делать это, сидя за компьютером и со смартфона. Как видите, этот процесс достаточно прост. Помните о том, что нужно знать и, как удалить группу скайп, а также, как исключить из нее отдельных участников и добавить новых, ведь никогда не знаешь, чем может закончиться переписка.

Mail.Ru Агент

О мессенджере

Каждый человек, создавший электронную почту на сервере mail.ru, может автоматически использовать мессенджер Mail.Ru Агент, точнее, его веб версию под названием «Веб Агент». Для работы с ним не требуется установка, ведь веб-версия этой простой в использовании программы с удобным интерфейсом доступна сразу при входе в почту.

Функционал

Доступны:

  • работа в большинстве современных браузеров;
  • отправка текстовых сообщений, анимационных роликов или мультимедийных файлов пользователям из списка контактов;
  • одновременное открытие до четырех диалоговых окон;
  • создание групповых чатов;
  • поиск контактов по номеру телефона, электронной почте или ICQ.

Достоинства и недостатки

После авторизации на mail.ru и входа в свою электронную почту справа в нижней части экрана появляется маленькая голубая панель — это и есть веб-версия мессенджера.

При помощи онлайн-версии Агента можно отправлять бесплатные сообщения. Для этого в основном окне мессенджера нужно выбрать необходимую кнопку или же выбрать контакт из списка и отметить, что нужно сделать.

В ходе общения в чате можно отправлять собеседникам текстовые сообщения, мультимедийный контент или же увлекательные мультипликационные ролики, встроенные в мессенджер.

Веб-версия поддерживает одновременное открытие четырех диалоговых окон и общение по отдельности с четырьмя людьми. Также имеется возможность создавать и общаться в групповых чатах.

Веб-версия поддерживает большую часть возможностей, доступных через стандартный клиент. Она позволяет добавить в список контактов человека, с которым велась переписка через электронную почту. Также здесь можно отыскать человека по имени и фамилии, почтовому адресу или номеру icq.

Преимущество мессенджера mail.ru Агент в том, что разработчики успешно выпустили его на смену популярной «аське». Веб-версия приложения отлично дополняет программу, позволяя общаться с друзьями независимо от места нахождения, возможности установить программу и т.д. Все, что нужно — доступ к компьютеру с выходом в Интернет, на котором можно запустить свой почтовый ящик. После этого перед пользователем открываются многочисленные возможности для общения с друзьями и близкими.

В основной версии программы пользователю доступно множество ценных и полезных возможностей. Так, здесь можно совершать аудио или видеозвонки всем пользователям мессенджера. Для этого необходимо перейти в книгу контактов, выбрать интересующего человека и выбрать тип звонка: голосовой или видеозвонок.

При помощи программы пользователь может звонить на обычные телефонные номера. На панели управления справа находится изображение трубки телефона. Необходимо кликнуть на ней, после этого откроется окно набора номера. Если пользователь желает позвонить бесплатно, нужно набрать номер человека, пользующегося мессенджером. В противном случае потребуется оплатить услугу. Для этого необходимо через личный кабинет пополнить баланс.

Чтобы открыть Личный Кабинет, нужно открыть меню и перейти в «Настройки». Помимо возможности пополнить счет, здесь можно изменить настройки звонков, работать с тарифами и выполнять множество иных функций.

К сожалению, возможности совершать голосовые или видеозвонки недоступны в веб-версии мессенджера mail.ru Агент. Эта версия программы реализована для обмена пользователями текстовыми сообщениями и может быть использована в тех случаях, когда возможность установить полноценный клиент и пользоваться им отсутствует. Это может быть чужой компьютер или устройство с устаревшей версией ОС.

Системные требования

  • ОС: Windows 7, 8, 10

Как установить Mail.Ru Агент

Для использования онлайн-версии mail.ru Агента нет необходимости в установке десктопной версии приложения на компьютер. Программа работает через любой современный браузер, обновленный до последней версии — Opera, Google Chrome, Safari, Internet Explorer, Edge и многие другие. Достаточно ввести логин и пароль в почте Mail.ru, выполнить вход в свой почтовый ящик и запустить Агент, кликнув на панель в правом нижнем углу.

Для других систем

Скачать на Android

Веб-агент в App Store

Для Mac OS

Аналогичные приложения

  • WhatsApp Web
  • Ring
  • Мессенджер Tox
  • WeChat Web
  • One Messenger

Веб-агент — это отличная возможность для использования мессенджера в тех случаях, когда нет возможности установить полноценный клиент. Это может происходить при работе на чужом компьютере, в интернет-зале и т.д. Чтобы запустить Агент и начать общаться с друзьями и близкими, достаточно всего лишь зайти в свою электронную почту на mail.ru, после чего Веб-Агент откроется автоматически.

Приложение позволяет бесплатно обмениваться текстовыми сообщениями с одним пользователем или в групповом чате, отправлять ему мультимедийный контент или встроенные анимационные ролики. Возможность осуществлять звонки или выполнять голосовые вызовы доступна в декстопной версии или клиенте для мобильного устройства.

Вы можете общаться со своими друзьями в беседе (см. как создать беседу в вк с компа). Приглашайте нужных людей, и отправляйте сообщения в общий чат.

Похожая функция есть и в сообществах. Объединитесь в одну общую беседу — администраторы и простые подписчики. Здесь вы сможете взаимодействовать, оперативно решать возникшие вопросы. Отличный аналог подключенным сообщениям группы (см. как написать сообщение в группе вконтакте).

Сейчас я покажу вам, как подключить чат в группе Вконтакте, и научу им пользоваться.

    1. Настраиваем и подключаем чат
    2. Как пользоваться онлайн чатом
    3. Заключение

Настраиваем и подключаем чат

Перейдите в нужное сообщество, откройте меню и нажмите «Управление сообществом».

Перейдите на вкладку «Приложения». Здесь в списке найдите «Чат Вконтакте». Щелкните рядом с ним на ссылку «Добавить».

Заполните 4 поля:

  • Укажите название кнопки;
  • Видимость для пользователей;
  • Выберите сниппет;
  • Введите название приложения.

Когда закончите, нажмите «Сохранить».

Готово.

Как пользоваться онлайн чатом

Вернитесь на главную страницу сообщества. В правом блоке меню появилось новое приложение. Ссылка имеет текст, который мы указали в графе «Название кнопки». Щелкните по ней, для перехода к приложению.

В открывшемся окне нажмите на кнопку «Запустить Чат в сообществе».

Откроется окно беседы. Здесь вы будете отправлять и получать сообщения от других участников. В правом блоке меню есть настройки, а также список присоединившихся к обсуждению.

Теперь любой из подписчиков или гостей группы, может зайти в чат, используя ссылку на главной странице сообщества, и написать сообщение.

Вот так это и работает.

  • как отвязать страницу вк от почты
  • как скрыть альбом в вк
  • специальные предложения вконтакте на голоса

Общий чат — это отличное приложение для сообществ. Оно поможет повысить активность в группе, и обеспечит для подписчиков быструю связь с администрацией.

Вопросы?

Вам помогла эта информация? Удалось решить возникший вопрос?

Как создать простое приложение веб-чата

В этом уроке мы будем создавать простое приложение веб-чата с помощью PHP и jQuery. Утилита такого типа прекрасно подойдет для системы онлайн-поддержки вашего сайта.

Введение

Приложение чата, которое мы сегодня построим, будет довольно простым. Оно будет включать в себя систему входа и выхода, возможности в AJAX-стиле, а также предложит поддержку нескольких пользователей.

Шаг 1: HTML разметка

Мы начнем этот урок с создания нашего первого файла index.php.

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»> <html xmlns=»http://www.w3.org/1999/xhtml»> <head> <title>Chat — Customer Module</title> <link type=»text/css» rel=»stylesheet» href=»style.css» /> </head> <div id=»wrapper»> <div id=»menu»> <p class=»welcome»>Welcome, <b></b></p> <p class=»logout»><a id=»exit» href=»#»>Exit Chat</a></p> <div style=»clear:both»></div> </div> <div id=»chatbox»></div> <form name=»message» action=»»> <input name=»usermsg» type=»text» id=»usermsg» size=»63″ /> <input name=»submitmsg» type=»submit» id=»submitmsg» value=»Send» /> </form> </div> <script type=»text/javascript» src=»http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js»></script> <script type=»text/javascript»> // jQuery Document $(document).ready(function(){ }); </script> </body> </html>

  • Мы начнем наш html с обычных DOCTYPE, html, head, и body тагов. В таг head мы добавим наш заголовок и ссылку на нашу таблицу стилей css (style.css).
  • Внутри тага body, мы структурируем наш макет внутри блока — обертки #wrapper div. У нас будет три главных блока: простое меню, окно чата и поле ввода нашего сообщения; каждый со своим соответствующим div и id.
    • Блок меню #menu div будет состоять из двух абзацев. Первый будет приветствием пользователю и поплывет налево, а второй будет ссылкой на выход и поплывет направо. Мы также включим блок div для очистки элементов.
    • Блок чата #chatbox div будет содержать лог нашего чата. Мы будем загружать наш лог из внешнего файла с использованием ajax-запроса jQuery.
    • Последним пунктом в нашем блоке-обертке #wrapper div будет наша форма, которая будет включать в себя текстовое поле ввода для сообщения пользователя и кнопку отправки.
  • Мы добавляем наши скрипты последними, чтобы грузить страницу быстрее. Сначала мы вставим ссылку Google jQuery CDN, так как в этом уроке мы будем использовать библиотеку jQuery. Наш второй таг скрипта будет там, где мы будем работать. Мы загрузим весь наш код после того, как документ будет готов.

Шаг 2: Создание стиля CSS

Теперь мы добавим немного css, чтобы заставить наше приложение чата выглядеть лучше, чем стиль браузера по умолчанию. Код, указанный ниже будет добавлен в наш файл style.css.

/* CSS Document */ body { font:12px arial; color: #222; text-align:center; padding:35px; } form, p, span { margin:0; padding:0; } input { font:12px arial; } a { color:#0000FF; text-decoration:none; } a:hover { text-decoration:underline; } #wrapper, #loginform { margin:0 auto; padding-bottom:25px; background:#EBF4FB; width:504px; border:1px solid #ACD8F0; } #loginform { padding-top:18px; } #loginform p { margin: 5px; } #chatbox { text-align:left; margin:0 auto; margin-bottom:25px; padding:10px; background:#fff; height:270px; width:430px; border:1px solid #ACD8F0; overflow:auto; } #usermsg { width:395px; border:1px solid #ACD8F0; } #submit { width: 60px; } .error { color: #ff0000; } #menu { padding:12.5px 25px 12.5px 25px; } .welcome { float:left; } .logout { float:right; } .msgln { margin:0 0 2px 0; }

В вышеуказанном css нет ничего особенного, кроме того факта, что некоторые id или классы, для которых мы устанавливаем стиль, будут добавлены немного позже.

Как вы можете видеть выше, мы закончили строить пользовательский интерфейс чата.

Шаг 3: Используем PHP, чтобы создать форму входа.

Теперь мы реализуем простую форму, которая будет спрашивать у пользователя его имя, перед тем, как пустить его дальше.

<? session_start(); function loginForm(){ echo’ <div id=»loginform»> <form action=»index.php» method=»post»> <p>Please enter your name to continue:</p> <label for=»name»>Name:</label> <input type=»text» name=»name» id=»name» /> <input type=»submit» name=»enter» id=»enter» value=»Enter» /> </form> </div> ‘; } if(isset($_POST)){ if($_POST != «»){ $_SESSION = stripslashes(htmlspecialchars($_POST)); } else{ echo ‘<span class=»error»>Please type in a name</span>’; } } ?>

Функция loginForm(), которую мы создали, состоит из простой формы входа, которая спрашивает у пользователя его/ее имя. Затем мы используем конструкцию if else, чтобы проверить, ввел ли пользователь имя. Если человек ввел имя, мы устанавливаем его, как $_SESSION. Так как мы используем сессию, основанную на cookie, чтобы хранить имя, мы должны вызвать session_start() перед тем, как что-нибудь выводить в браузер.

Есть одна вещь, на которую вы возможно захотите обратить особое внимание — то, что мы использовали функцию htmlspecialchars(), которая конвертирует специальные символы в HTML сущности, тем самым защищая имя переменной, чтобы оно не стало жертвой межсайтового скриптинга (XSS). Мы также добавим эту функцию позже к текстовой переменной, которая будет опубликована в логе чата.

Отображение формы входа

Для того, чтобы показать форму логина в случае, если пользователь не вошел в систему, и следовательно, не сессия не создалась, мы используем другую инструкцию if else вокруг блока-обертки #wrapper div и тагов скрипта в нашем исходном коде. В противоположном случае, если пользователь вошел в систему и создал сессию, этот код спрячет форму входа и покажет окно чата.

<?php if(!isset($_SESSION)){ loginForm(); } else{ ?> <div id=»wrapper»> <div id=»menu»> <p class=»welcome»>Welcome, <b><?php echo $_SESSION; ?></b></p> <p class=»logout»><a id=»exit» href=»#»>Exit Chat</a></p> <div style=»clear:both»></div> </div> <div id=»chatbox»></div> <form name=»message» action=»»> <input name=»usermsg» type=»text» id=»usermsg» size=»63″ /> <input name=»submitmsg» type=»submit» id=»submitmsg» value=»Send» /> </form> </div> <script type=»text/javascript» src=»http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js»></script> <script type=»text/javascript»> // jQuery Document $(document).ready(function(){ }); </script> <?php } ?>

Приветствие и меню выхода из системы

Мы еще не закончили создавать систему входа для этого приложения чата. Нам еще нужно дать пользователю возможность выйти из системы и закончить сессию чата. Как вы помните, наша исходная HTML разметка включала в себя простое меню. Давайте вернемся назад и добавим некоторый PHP код, который придаст меню больше функциональности.

Прежде всего, давайте добавим имя пользователя в сообщение приветствия. Мы сделаем это, выводя сессию имени пользователя.

<p class=»welcome»>Welcome, <b><?php echo $_SESSION; ?></b></p>

Для того, чтобы позволить пользователю выйти из системы и завершить сессию, мы прыгнем выше головы и кратко используем jQuery.

<script type=»text/javascript»> // jQuery Document $(document).ready(function(){ //If user wants to end session $(«#exit»).click(function(){ var exit = confirm(«Are you sure you want to end the session?»); if(exit==true){window.location = ‘index.php?logout=true’;} }); }); </script>

Код jquery, приведенный выше просто показывает диалог подтверждения, если пользователь кликнет по ссылке выхода #exit. Если пользователь подтвердит выход, тем самым решив закончить сессию, мы отправим его в index.php?logout=true. Это просто создаст переменную с именем logout со значением true. Мы должны перехватить эту переменную с помощью PHP:

if(isset($_GET)){ //Simple exit message $fp = fopen(«log.html», ‘a’); fwrite($fp, «<div class=’msgln’><i>User «. $_SESSION .» has left the chat session.</i><br></div>»); fclose($fp); session_destroy(); header(«Location: index.php»); //Redirect the user }

Теперь мы увидим, существует ли get переменная ‘logout’, используя функцию isset(). Если переменная была передана через url, такой, как ссылка, упомянутая выше, мы переходим к завершению сессии пользователя с текущим именем.

Перед уничтожением сессии пользователя с текущим именем с помощью функции session_destroy() мы хотим выводить простое сообщение о выходе в лог чата. В нем будет сказано, что пользователь покинул сессию чата. Мы сделаем это, используя функции fopen(), fwrite() и fclose(), чтобы манипулировать нашим файлом log.html, который, как мы увидим позднее, будет создан в качестве лога нашего чата. Пожалуйста, обратите внимание, что мы добавили класс ‘msgln’ в блок div. Мы уж определили стиль css для этого блока.

Проделав это, мы уничтожаем сессию и перенаправляем пользователя на ту же страницу, где появится форма входа в систему.

Шаг 4: Поддержка пользовательского ввода данных

После того, как пользователь подтвердил свои действия в нашей форме, нам нужно захватывать его ввод с клавиатуры и писать его в лог нашего чата. Для того, чтобы сделать это, мы должны использовать jQuery и PHP, чтобы работать синхронно на стороне сервера и на стороне клиента.

jQuery

Практически все, что мы собираемся делать с jQuery для обработки наших данных, будет вращаться вокруг запроса на jQuery post.

//If user submits the form $(«#submitmsg»).click(function(){ var clientmsg = $(«#usermsg»).val(); $.post(«post.php», {text: clientmsg}); $(«#usermsg»).attr(«value», «»); return false; });

  1. Перед тем, как мы что-то начнем делать, мы должны захватить пользовательский ввод, или то, что он напечатал в поток ввода #submitmsg. Этого можно достигнуть функцией val(), которая берет значение, установленное в поле формы. Теперь мы сохраняем это значение в переменную clientmsg.
  2. Вот и наступает самая важная часть: запрос jQuery post. Она отправляет запрос POST в файл post.php, который мы создадим через мгновение. Он отправляет ввод клиента, или то, что было сохранено в переменную clientmsg.
  3. В конце мы очищаем ввод #usermsg, очищая атрибут значения.

Пожалуйста обратите внимание, что код, указанный выше, пойдет в наш таг скрипта, где мы поместили jQuery код выхода из системы.

PHP — post.php

На данный момент мы имеем данные POST, отправляемые в файл post.php каждый раз, когда пользователь отправляет форму и посылает новое сообщение. Наша задача теперь захватить эти данные и записать их в лог нашего чата.

<? session_start(); if(isset($_SESSION)){ $text = $_POST; $fp = fopen(«log.html», ‘a’); fwrite($fp, «<div class=’msgln’>(«.date(«g:i A»).») <b>».$_SESSION.»</b>: «.stripslashes(htmlspecialchars($text)).»<br></div>»); fclose($fp); } ?>

  1. Прежде чем мы что-либо сделаем, мы должны начать файл post.php с помощью функции session_start(), так как мы будем использовать сессию по имени пользователя в этом файле.
  2. Используя логическую isset, мы проверим, существует ли сессия для ‘name’, перед тем, как что-то делать дальше.
  3. Теперь мы захватим данные POST, которые jQuery послал в этот файл. Мы сохраним эти данные в переменную $text.
  4. Эти данные, так же, как и вообще все данные, вводимые пользователем, будут храниться в файле log.html. Чтобы сделать это, мы откроем файл в режиме ‘a’ функции fopen, который согласно php.net открывает файл только для записи; помещает указатель файла на конец файла. Если файл не существует, попытаемся создать его. Затем мы запишем наше сообщение в файл, используя функцию fwrite().
    • Сообщение, которое мы будем записывать, будет заключено внутри блока .msgln div. Он будет содержать дату и время, сгенерированную функцией date(), сессию имени пользователя и текст, которые также будет окружен функцией htmlspecialchars(), чтобы избежать XSS.

    И наконец, мы закрываем наш файл с помощью fclose().

Шаг 5: Отображение содержимого лога чата (log.html)

Все, что пользователь разместил, обработано и опубликовано с помощью jQuery; оно записано в лог чата с помощью PHP. Единственное, что осталось сделать — это показать обновленный лог чата пользователю.

Чтобы сэкономить нам немного времени, мы предварительно загрузим лог чата в блок #chatbox div, как если бы он что-то содержал.

<div id=»chatbox»><?php if(file_exists(«log.html») && filesize(«log.html») > 0){ $handle = fopen(«log.html», «r»); $contents = fread($handle, filesize(«log.html»)); fclose($handle); echo $contents; } ?></div>

Мы используем процедуру, похожую на ту, что мы использовали в файле post.php, но на этот раз мы только читаем и выводим содержимое файла.

Запрос jQuery.ajax

Запрос ajax — это ядро всего, что мы делаем. Этот запрос не только позволяет нам посылать и принимать данные через форму без обновления страницы, но также и позволяет нам обрабатывать запрошенные данные.

//Load the file containing the chat log function loadLog(){ $.ajax({ url: «log.html», cache: false, success: function(html){ $(«#chatbox»).html(html); //Insert chat log into the #chatbox div }, }); }

Мы завернем наш ajax запрос в функцию. Вы увидите, зачем, прямо сейчас. Как вы можете видеть выше, мы использовали только три из объектов запроса jQuery ajax.

  • url: Строка URL для запроса. Мы используем имя файла лога нашего чата log.html.
  • cache: Это предотвратит кэширование нашего файла. Это обеспечит нам то, что всегда, когда мы посылаем запрос, мы будем иметь обновленный лог чата.
  • sucess: Это позволит нам прикрепить функцию, которая передаст запрошенные нами данные.

Как вы видите, затем мы перемещаем запрошенные нами данные (html) в блок #chatbox div.

Автопрокрутка

Как мы, возможно, видели в других приложениях чатов, содержимое автоматически прокручивается вниз, если контейнер лога чата (#chatbox) переполняется. Мы воплотим простую и похожую возможность, которая будет сравнивать высоту полосы прокрутки контейнера до и после того, как мы выполним ajax запрос. Если высота полосы прокрутки стала больше после запроса, мы используем эффект анимации jQuery, чтобы прокрутить блок #chatbox div.

//Load the file containing the chat log function loadLog(){ var oldscrollHeight = $(«#chatbox»).attr(«scrollHeight») — 20; //Scroll height before the request $.ajax({ url: «log.html», cache: false, success: function(html){ $(«#chatbox»).html(html); //Insert chat log into the #chatbox div //Auto-scroll var newscrollHeight = $(«#chatbox»).attr(«scrollHeight») — 20; //Scroll height after the request if(newscrollHeight > oldscrollHeight){ $(«#chatbox»).animate({ scrollTop: newscrollHeight }, ‘normal’); //Autoscroll to bottom of div } }, }); }

  • Сначала мы сохраним высоту полосы прокрутки блока #chatbox div в переменную oldscrollHeight перед выполнением запроса.
  • После того, как наш запрос вернет успех, мы сохраним высоту полосы прокрутки блока #chatbox div в переменную newscrollHeight.
  • Затем мы сравним высоту полосы прокрутки в обеих переменных, используя конструкцию if. Если newscrollHeight больше, чем oldscrollHeight, мы используем эффект анимации, чтобы прокрутить блок #chatbox div.

Постоянное обновление лога чата

Теперь может возникнуть вопрос, как часто мы будем обновлять новые данные, переданные между пользователями. Или перефразируя вопрос, с какой регулярностью мы будем отправлять постоянные запросы на обновление данных?

setInterval (loadLog, 2500); //Reload file every 2500 ms or x ms if you wish to change the second parameter

Ответ на наш вопрос находится в функции setInterval. Эта функция будет запускать нашу функцию loadLog() каждые 2,5 секунды, которая будет запрашивать обновленный файл и делать автопрокрутку блока.

Закончили

Мы закончили! Я надеюсь, что вы изучили, как работает базовая система чата, и, если у вас есть какие-либо пожелания, я с радостью их приветствую. Это максимально простая система чата, которую вы можете создать как приложение чата. Вы можете оттолкнуться от нее и построить множественные чат комнаты, добавить админку, эмотиконы и т.д. Здесь ваш предел — это небо.

Ниже привожу несколько ссылок, которые вы возможно захотите посмотреть, если задумаетесь о расширении этого приложения чата:

  • Защитите ваши формы ключами форм — избегайте XSS (межсайтового скриптинга) и подделок межсайтовых запросов.
  • Отправка формы без обновления страницы с использованием jQuery — расширьте наш ajax запрос
  • Как делать AJAX запросы на чистом Javascript — изучите, как работает кухня запросов на чистом javascript.

  • Следите за нами на Twitter, или подпишитесь на RSS ленту NETTUTS, чтобы получать больше ежедневных уроков и статей по веб-разработке.

Список команд чата Skype

…Skype — это дьявольски хитрая программа, написанная бесспорно талантливыми людьми…Крис Касперски
Доброго времени суток!
Skype сейчас я встречаю чаще на компьютерах чем другие IM клиенты, мне он практически заменил icq, вся рабочая переписка ведется в skype, но речь пойдет не о том, что лучше или популярней. Часто бывает так, что участвуешь сразу в нескольких чатах где количество участников превышает 10, что собственно и приводит к тому, что на рабочем столе и в трее постоянно обновляется количество новых сообщений, а также уведомления в виде всплывающих сообщений, а теперь представьте что у вас 3 окна чата с друзьями, 1 с вашим боссом, другой с девушкой — все это в сумме начинает запутывать, отвлекать и порой раздражать. Хотелось бы расставить приоритеты…
Раньше я чаще всего настраивал «политику» уведомлений только через глобальные настройки программы
Случилось так, что я узнал, что в каждом окне чата skype возможно использование команд, например /alertsoff отключит уведомления для конкретного окна чата, соответственно /alertson включит их обратно.
Поискав немного я наткнулся на некое how-to, оказывается у skype чата довольно много текстовых команд, подобие IRC команд. Далее я постарался попробовать все возможные из них на двух имеющихся у меня платформах, как оказалось не все и не везде работает… Прошу под кат.
Две платформы — Windows и Linux, в настоящем обзоре использовалась Windows 7 сборка 7600 + skype 4.2.0.169 и Ubuntu 10.04 + skype 2.1.0.81. Если кто выяснит как себя ведут данные команды в skype других версиях, для других платформ или даст еще какие-то подробности по данным командам (к сожалению не со всем удалось разобраться) — буду рад если сообщите и добавлю в топик.
Итак:
Учтите то, что вам нет надобности использовать квадратные кавычки вокруг текста после написания комманды.
/help
Вывод списка команд с некоторым описанием.
Работает как в Win7 так и в Ubuntu.
/add
Добавляет пользователя Skype_Name к чату.
Win7 — работает, при этом если чат был изначально с 1 собеседником, групповой чат создается в новом окне, иначе контакт добавляется в это же окно.
Ubuntu — работает групповой чат создается в окне в котором была введена команда.
/alertsoff
Отключение уведомлений чата.
Работает как в Win7 (в win версии через GUI настройки) так и в Ubuntu.
/alertson
Позволяет указать конкретно слова или текст для которых будут включены уведомления, например ваше имя.
Работает как в Win7 так и в Ubuntu.
/call
Судя по описанию данная команда должна совершить звонок.
Win7 — не работает, показывает список команд также как и команда /help и все другие команды или слова в формате «/^\/()+$/» то есть если команда не известна skype то он выдаст список «известных», но как оказалось, что не все работают.
Ubuntu — почти не работает, звонок начинает совершаться и сразу же статус становится Cancelled. Что касается остальных произвольных написаний «/^\/()+$/» не вызывает хелп список — просто отображает введенный пользователем текст.
/clear
Удаляет историю чата. Не может быть отменено.
Win7 — не работает.
Ubuntu — работает, но похоже очищает просто окно чата, история сохраняется.
/find
Регистронезависимый поиск первого вхождения text в чате.
Win7 — работает.
Ubuntu — работает. Также работает /fa команда.
/get banlist
Просмотр списка пользователей которым запрещено присоединяться к чату.
Работает как в Win7 так и в Ubuntu.
/get allowlist
Просмотр списка пользователей которым разрешено присоединяться к чату.
Я полагаю, что это инверсная форма бан-листа, то есть все что не разрешено — запрещено.
Работает как в Win7 так и в Ubuntu.
/get creator
Просмотр информации о создателе текущего чата.
Работает как в Win7 так и в Ubuntu.
/get guidelines
Просмотр указаний или скорее правил для данного чата, сюда можно написать что то вроде: «в этом чате запрещено и т. д.».
Работает как в Win7 так и в Ubuntu. Установить получилось параметр, а как просмотреть данный guideline я так до конца и не понял.
/get xguidelines
Описания конкретного не нашел, дела обстоят в использовании также как и с предыдущей командой.
Работает как в Win7 так и в Ubuntu
/get options
Просмотр установленных опций. За время обзора нашел только одну, о которой описано в конце статьи.
Работает как в Win7 так и в Ubuntu
/get password_hint
Просмотр подсказки пароля, не получилось ни установить ни посмотреть.
Работает как в Win7 так и в Ubuntu
/get role
Просмотр своей роли в чате.
Работает как в Win7 так и в Ubuntu
/goadmin
Размещает теги рядом с создателям чата имя автора. Не понял и не сумел воспользоваться.
оригинал — Puts a Creator tag next to the chat creator’s name.
leonard: Размещает ярлык (тег) «Создатель» рядом с именем создателя в чате.
/history
Загружает полную историю чата в активное окно.
Win7 — не работает.
Ubuntu — загружает всю историю.
/htmlhistory
HTML файл истории который должен появится в окне браузера.
Win7 — не работает.
Ubuntu — не работает.
/info
Отображает количество присутствующих и максимально возможное для этого чата количество человек.
К сожалению не узнал как изменить количество, опции не нашел.
Работает как в Win7 так и в Ubuntu
/kick
Удаляет пользователя из чата.
Win7 — работает.
Ubuntu — работает.
/kickban
Удаляет пользователя из чата и предотвращает его обратное туда возвращение. Обычные пользователи не могут вернуть пользователя в чат, а также редактировать банлист.
Win7 — работает.
Ubuntu — работает.
/leave
Покинуть чат. Невозможно если вы создатель чата.
Win7 — работает. Даже если я создатель, удалось покинуть чат.
Ubuntu — аналогично.
/me
Выводит ваше имя в тексте сообщения, может быть использовано к примеру в таком случае: «/me считает что так должно быть, а не иначе».
Win7 — работает.
Ubuntu — работает.
/set allowlist mask]
Устанавливает соответствующий список пользователей
Win7 — работает.
Ubuntu — работает.
/set banlist mask]
Устанавливает соответствующий список пользователей
Win7 — работает.
Ubuntu — работает.
/set guidelines
Устанавливает строку «правил» чата, которую я так и не увидел как просмотреть не используя команды /get -/-.
Win7 — работает.
Ubuntu — работает.
/set xguidelines — попросту не нашел, хотя странно то, что обратная команда /get для нее существует.
/set options
Устанавливает опции чата.
USERS_ARE_LISTENERS вот эта единственная которую я знаю, но скорее всего их больше.
эта опция запрещает всем пользователям писать сообщения в этот чат, но действует эта опция не на всех пользователей, ниже будет приведена иерархия ролей с описанием. Уже успел поиздеваться над друзьями исользуя эту функцию.
Win7 — работает.
Ubuntu — работает.
/set password
Устанавливает пароль чата (пробелы запрещены).
Win7 — работает, но не понятно где этот пароль нужно вводить и кому.
Ubuntu — аналогично.
/set password_hint
Устанавливается подсказка для пароля.
Win7 — работает.
Ubuntu — работает.
/setpassword
Устанавливает пароль и подсказку одной командой.
Win7 — работает.
Ubuntu — работает.
/setrole MASTER | HELPER | USER | LISTENER
Позволяет установить роль пользователю в чате описание ролей приведено ниже.
/topic
Изменяет текст темы чата.
/whois
Показывает всевозможную информацию о пользователе Skype_Name.
Описание ролей пользователей чата
CREATOR
Участник который создал чат. Может быть только один создаль для одного чата. Только создатель может назначать роль MASTER.
MASTER
В описании звучит как «chat hosts», я полагаю что это некая главная роль, что-то вроде модераторов в чате, знаю только ограничения. Master не может назначить других пользователей мастерами.
HELPER
Полу-привилегированный член чата. Этих пользователй не затронет опция USERS_ARE_LISTENERS. Helpers не имеют права менять роли пользователям.
USER
Обычный пользователь чата (роль по умолчанию, если вы не создатель), позволяет делать все что обычно делают в чате. Также не имеют права менять роли пользователям (пока не проверено).
LISTENER
Пользователь который может читать сообщения из чата, но не имеет права писать сообщения в этот чат.
APPLICANT
Пользователь который ждет утверждение что бы попасть в чат. Пользователь не может быть понижен к этой роли если он был принят в чат. (пока не разрешен вопрос скорее эту роль получает пользователь которого пригласил пользователь с ролью низкого уровня).
В заключении могу сказать, что я не буду пользоваться всеми этими командами, но познакомится было интересно и что-то я точно возьму на вооружение. Судя по различиям в реакции на команды в разных версиях, могу предположить что эволюционируя skype обретает больше графического интерфейса и теряет возможность выполнять какие-то текстовые команды. Опять же мое предположение что в ранних версиях skype поддержка команд чата была более кошерной. Так или иначе еще есть время воспользоваться данным не всем известным функционалом. Был рад если это открыло для кого-нибудь что-то новое, спасибо за внимание!
UPD ниже будут обновления по теме.
alice2k поведал:
/get uri
Возвращает ссылку на чат в виде skype:?chat&blob=smth, при клике на которую можно сразу присоединиться к чату.
Win7 — работает.
Ubuntu — работает.
Спасибо, almalexa, за подсказку. Ниже еще возможные для использования опции:
JOINING_ENABLED — Когда отключено, новые пользователи не могут добавляться в чат.
JOINERS_BECOME_APPLICANTS — Если включено, новые пользователи будут ждать подтверждения их добавления от группы MASTERS или CREATOR.
JOINERS_BECOME_LISTENERS — Если включено, то новые пользователи смогут только читать сообщения, но не отправлять их.
HISTORY_DISCLOSED — Если отключено, новые пользователи могут видеть сообщения добавленные ранее чем эти пользователи присоединились к чату. Лимит 400 сообщений или период в 2 недели (зависит от того, что будет достигнуто раньше)
TOPIC_AND_PIC_LOCKED_FOR_USERS — Если включено, то пользователи не могут менять тему и картинку чата
Пока не было возможности протестировать Mac платформу 30/06/2010. (я думаю либо кто-то из сообщества поможет, или у меня найдется время и возможность)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *