Es ist kein Geheimnis, dass das soziale Netzwerk VKontakte wie jede andere ähnliche Website so existiert, dass Benutzer ohne nennenswerte Einschränkungen miteinander kommunizieren können. Aus diesem Grund und auch aufgrund der deutlich gestiegenen Beliebtheit verschiedener Communities wurde eine besondere Ergänzung der Hauptfunktionalität der Website entwickelt, die die Möglichkeit eröffnet, einen Mehrbenutzer-Chat für Mitglieder jeder Öffentlichkeit zu erstellen .
Bitte beachten Sie sofort, dass jeder, der ein vollwertiger Community-Administrator ist, einen Mehrbenutzerdialog organisieren kann. Gleichzeitig sollte es natürlich auch Personen in der Gruppe geben, die an einem solchen Gespräch teilnehmen.
Es ist auch wichtig zu beachten, dass eine Konversation in einer Community in gewisser Weise ein Analogon zu ähnlichen Funktionen innerhalb des Instant-Messaging-Systems ist. Wenn man jedoch normale Gespräche und Chat vergleicht, fallen sofort radikale Unterschiede in Bezug auf die grundlegenden Tools auf.
Erstellen Sie einen ChatWenn wir die Funktionalität der Konversation in der VK-Gruppe als Ganzes beurteilen, können wir mit Sicherheit sagen, dass es sich nicht lohnt, eine solche Anwendung in allen Communities zu aktivieren. Dies liegt daran, dass ein solch universeller Dialog, an dem absolut jeder VK.com-Benutzer teilnehmen kann, eine ständige Überwachung erfordert, deren Komplexität mit der Anzahl der öffentlichen Teilnehmer zunehmend zunimmt.
Bevor Sie diese Funktion für eine große Anzahl von Benutzern aktivieren, wird empfohlen, dass Sie die Funktionsweise der einzelnen Chat-Elemente unabhängig studieren. Dank dieses Ansatzes werden Sie Ihre Fähigkeiten zur Führung eines solchen Dialogs nicht noch einmal stärken.
Wenn Sie einen Multidialog für eine äußerst beliebte Community erstellen, empfiehlt es sich, Moderatoren einzustellen, um die Kontrolle der aktiven Korrespondenz zu vereinfachen.
![](https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/06/Perehod-v-razdel-gruppyi-cherez-glavnoe-menyu-VKontakte.png)
An diesem Punkt kann der Hauptprozess des Hinzufügens eines Chats als abgeschlossen betrachtet werden. Die folgenden Empfehlungen helfen Ihnen dabei, den Multidialog für eine Gruppe richtig einzurichten.
Einrichten des ChatsDie Anwendung zum Organisieren eines Gesprächs in einer Gruppe ist ein leistungsstarkes Tool mit einer relativ großen Anzahl unterschiedlicher Parameter. Darüber hinaus können Einstellungen sowohl direkt in der Chat-Oberfläche selbst als auch während der Vorbereitung zur Nutzung vorgenommen werden.
![](https://i0.wp.com/lumpics.ru/wp-content/uploads/2017/06/Blok-dlya-nastroyki-chata-v-razdele-upravlenie-soobshhestvom-v-gruppe-VKontakte.png)
Achten Sie auch auf die Bildunterschriften neben dem Anwendungsbild. Dies gilt insbesondere für die Inschrift "Link kopieren", wodurch ein Textlink zum neu erstellten Chat in die Windows-Zwischenablage kopiert wird.
Wie Sie vielleicht bemerkt haben, gibt es am Ende nur noch einen Link "Einstellungen". Wenn Sie darauf klicken, gelangen Sie zum Dialogaktivierungsfenster mit einer einzigen, selbsterklärenden Schaltfläche.
Nach der Aktivierung des Chats werden Sie automatisch zu dieser Anwendung weitergeleitet.
Wenn Sie die App zum ersten Mal besuchen, erhalten Sie eine Benachrichtigung, mit der Sie Benachrichtigungen für diese Konversation abonnieren können. Es wird empfohlen, dass Sie diesem Add-on erlauben, Ihnen Benachrichtigungen zu senden.
An diesem Punkt kann die Einarbeitung in die Einstellungen und die Einstellung komfortabler Parameter als abgeschlossen betrachtet werden. Benutzen Diese Anwendung Vergessen Sie nicht, dass nur der Community-Manager Zugriff auf alle Funktionen hat.
Bei der Nutzung des Chat-Dienstes müssen Sie die Nutzungsvereinbarung akzeptieren. Die Tatsache der Inanspruchnahme der Dienste bedeutet die vorbehaltlose Annahme aller Vertragsklauseln.
Anweisungen Chat-Funktionen- IN Chat öffnen Jeder Besucher kann teilnehmen, auch diejenigen, die nicht registriert sind.
- Jeder vorregistrierte Benutzer kann mit einer kostenlosen Registrierung am Chat teilnehmen. Da nur registrierte Benutzer Zugang zum Chat haben, erleichtert dies die Arbeit des Moderators.
- Ein moderierter Chat kann von jedem eingesehen werden (auch von nicht registrierten Benutzern), allerdings kann nur ein registrierter Benutzer an einem solchen Chat teilnehmen und die Teilnahme am Chat muss zuvor vom Administrator bestätigt werden.
- Ein privater Chat wird vollständig vom Eigentümer des Chats verwaltet: Nur der Eigentümer gewährt anderen registrierten Benutzern Zugriff auf den Chat. Nur solche Benutzer können den Chat sehen und im privaten Chat kommunizieren.
- Die Möglichkeit, ein vollständig benutzerdefiniertes Chat-Design festzulegen, indem Sie Ihren eigenen CSS-Stil für den Chat angeben.
- Es ist möglich, eigene JavaScript-Skripte anzubinden, um den Chat an die eigenen Bedürfnisse anzupassen (durch Kontaktaufnahme mit dem Support).
- Erstellen Sie separate Chatrooms, die als Lesezeichen im Chat angezeigt werden. Durch Betreten des Chats kann der Benutzer dann einen oder mehrere vom Chat-Administrator erstellte Räume betreten.
- Anzeige von Statistiken über den Chat-Verkehr und die Kommunikationsintensität nach Stunde, Tag und Monat.
- Im Chat können Sie den Nachrichtenverlauf einsehen, in dem alle Chatnachrichten des letzten Jahres gespeichert sind.
- Direkter Link von der Chat-Seite unseres Dienstes zu Ihrer in den Chat-Einstellungen angegebenen Website.
- Die Einnahmen aus der Platzierung von Anzeigen und Kaulquappen in Ihrem Chat betragen nicht 30 %, sondern 60 %.
- In Zukunft wird es weitere Optionen für „Professionelle“ Chats geben, die in bekannt gegeben werden
Bevor Sie einen Chat für eine Website erstellen, müssen Sie verstehen, dass Sprach- und Text-Webchats eine wichtige Funktion für Internetprojekte sind. Diese Methode ermöglicht Besuchern die Kommunikation über das Internet mithilfe eines Browsers. Diese Methode wird in der Webarchitektur des Clients implementiert und der Client-Browser ist ein Programm, das Feedback vom Server anfordert und empfängt. Der Server arbeitet an einer separaten Adresse, er empfängt, speichert und sendet Informationen auf Anfrage. Die Kommunikation zwischen dem Client und dem Server-Host erfolgt über ein Netzwerkprotokoll.
Standard-Chats werden in Form von Programmen auf dem Computer des Benutzers installiert. Die zweite Möglichkeit sind Internet-Chats (Kommunikation in einer Online-Schnittstelle).
Internet-Chat ist eine Methode der interaktiven Kommunikation in Echtzeit, die auf der Basis von Webservern aufgebaut ist. Bei Webchats wird der Client-Teil von Netzwerkanwendungen vom Browser übernommen, da der Browser die JavaScript-Sprache enthält, auf deren Grundlage Chat-Anwendungen funktionieren.
Chats zur Kommunikation mit Besuchern der Website ermöglichen Ihnen das Arbeiten ohne zusätzliche Installation Programme von Drittanbietern. Die Korrespondenz zwischen Server und Clients funktioniert verschiedene Technologien. Typischerweise wird ein Online-Chat-Client-Programm in JavaScript entwickelt, also in Ajax implementiert.
Einen Chat mit Code erstellenSie können Chats für Websites erstellen verschiedene Wege, aber unter ihnen gibt es zwei Hauptgründe:
Handschriftlich, mit mit HTML. Dies ist ein einfaches Dokument, das Bibliotheken, Stylesheets und JavaScript-Skripte enthält. Unten ist der fertige Mini-Chat-Code:
Mit JavaScript definieren wir diesen Code im Inneren ul-Element. Wenn Sie auf „Nachricht schreiben“ klicken, öffnet sich ein Nachrichtenformular. Fügen Sie den Code in die Website-Seite ein.
Sonderprogramme- Kann verwaltet und moderiert werden.
- Tonbegleitung von Chat-Events.
- Anbindung der JavaScript-Sprache.
- Benutzerdefinierte Hintergründe und CSS-Stile.
- Austausch von Videos, Links, Bildern.
- Filterung obszöner Sprache.
- Möglichkeit, die Geschwindigkeit des Nachrichtenversands zu begrenzen.
- Blockieren unerwünschter Benutzer.
- Arbeitsstatistik.
- Integration in die Website.
Im Folgenden möchte ich auf zwei weitere eingehen beliebte Programme, das auf seinem Host installiert wird. Ein gutes Beispiel wären kostenlose Anwendungen:
- Redhelper leistungsstarkes System Online-Beratung und ausgezeichnet kostenlose Alternative zum Tarif für nichtkommerzielle Nutzung. Die Installation ist einfach und unkompliziert – der fertige Code muss auf die gleiche Weise wie Verkehrszähler und Metriken auf die Website hochgeladen werden. Sie können sich auf der offiziellen Website registrieren und die Funktionen ansehen.
- Siteheart (SiteHeart.com/ru/price) – modern und handliches Werkzeug, bietet viele nützliche Lösungen, darunter die Installation von Anwendungen für die Arbeit über ein Smartphone sowie Widgets und Erweiterungen, die auf der offiziellen Website gefunden oder von anderen Ressourcen heruntergeladen werden können.
Sie können einen Chat für die Site an einem Ort erstellen, an dem sie besser sichtbar ist: Dieser Ort kann werden Hauptseite oder Artikelseite. Außerdem kann es im Widget und in der Fußzeile angezeigt werden. Wie Sie bereits wissen, können Sie es ohne besondere Fähigkeiten, Codekenntnisse usw. installieren CSS-Stile, alles ist schon erfunden, es ist frei verfügbar, wir installieren und nutzen es.
Wichtig!
Vergessen Sie nicht, Verhaltensregeln für diejenigen anzugeben, die den Chat nutzen.
Damit ist mein Beitrag abgeschlossen und ich hoffe, dass er für Sie nützlich war. Schreiben Sie in den Kommentaren Ihre Meinung zu Chats, ob sie auf dem Blog überhaupt benötigt werden und warum.
Chat ist eine Seite im Internet, die es Ihnen ermöglicht, mit vielen Benutzern gleichzeitig zu kommunizieren. Davon gibt es im gesamten World Wide Web sehr viele. Es gibt Chats lokale Netzwerke In Organisationen gibt es Benutzer, die Chats für sich und ihre Freunde erstellen, um ohne Fremde zu kommunizieren. Dies ist sehr praktisch, um eine gemeinsame Veranstaltung zu besprechen.
AnweisungenUm die Video-Chat-Funktionalität in einem Browser zu implementieren, gibt es zwei am besten geeignete Technologien – WebRTC und Flash. Jede der Technologien verfügt über eine Reihe eigener Funktionen. In Flash können Sie beispielsweise H.264- oder Sorenson-Videocodecs verwenden, und in WebRTC ist derzeit VP8 verfügbar, was diese beiden Ansätze schlecht miteinander kompatibel macht (on-the). -fly-Videotranskodierung ist ein sehr kostspieliger Vorgang. Außerdem ist es besser, den Video-Chat nach Möglichkeit Peer-to-Peer durchzuführen. Natürlich funktioniert es nicht, Flash und WebRTC direkt zu verbinden. In unserem Beispiel betrachten wir die Option eines Videoanrufs von WebRTC zu WebRTC mithilfe der VoxImplant-Plattform. Im Allgemeinen können Sie eine Wahl treffen spezifische Option, bis hin zur dynamischen Wahl der Technologie, je nachdem, wen wir anrufen. Details sind wie immer unter dem Schnitt.
Erstellen einer Anwendung, von Benutzern, eines Skripts und einer Konfiguration. Zuerst benötigen wir ein VoxImplant-Entwicklerkonto (), nachdem wir uns im VoxImplant-Kontrollfeld im Abschnitt „Anwendungen“ angemeldet haben, erstellen wir eine neue Anwendung und nennen sie Videochat. Um einen einfachen Video-Chat zu organisieren, benötigen wir mindestens zwei Benutzer – testuser1 und testuser2. Erstellen Sie diese im Abschnitt „Benutzer“ und verknüpfen Sie sie mit der Anwendung über die Schaltfläche „Anwendungen zuweisen“ (ebenso können Sie bereits erstellte Benutzer mit der Anwendung verknüpfen, während Sie sie bearbeiten Anwendung). Bei einem Anruf von Benutzer zu Benutzer wird weiterhin das Anrufverarbeitungsskript aufgerufen, das in Javascript geschrieben und von der VoxEngine-Engine ausgeführt wird. Erstellen Sie im Abschnitt „Szenarien“ ein neues Skript und nennen Sie es „User2User“. Bei Verwendung des Peer-to-Peer-Modus sieht das Skript folgendermaßen aus:VoxEngine.forwardCallToUserDirect();
Wenn Sie in Zukunft Videos (erzwungen) über den Server senden möchten, können Sie VoxEngine.forwardCallToUser(null, true); verwenden. , aber in diesem Fall kosten die Anrufe Geld.
Wenn Sie die Signalisierung steuern müssen, um beispielsweise einen Anruf irgendwann serverseitig zu beenden, können Sie anstelle des ForwardCallToUserDirect-Helfers das folgende Skript verwenden:
Var call1, call2; VoxEngine.addEventListener(AppEvents.CallAlerting, function(e) ( call1 = e.call; call2 = VoxEngine.callUserDirect(e.call, e.destination, e.displayName, e.headers); call2.addEventListener(CallEvents.Connected, handleCallConnected); )); function handleCallConnected(e) ( call1.answerDirect(call2); // Hier kann man zum Beispiel den Anruf nach einiger Zeit trennen setTimeout(VoxEngine.terminate, 5000); )
Nachdem wir das Skript erstellt haben, müssen wir es über eine Regel (Regel) an die Anwendung binden. Gehen Sie zum Abschnitt „Anwendungen“ und bearbeiten Sie unsere Anwendung. Auf der Registerkarte „Regeln“ erstellen wir eine neue Regel (Regel hinzufügen). Sie können es beliebig nennen, zum Beispiel „Gegensprechanlage“, in „Muster“ wird es angezeigt regulären Ausdruck– Die Regel wird ausgelöst, wenn die Nummer mit diesem Ausdruck übereinstimmt. Belassen Sie es.* und ziehen Sie unser User2User-Skript von „Verfügbar“ auf „Zugewiesen“ und speichern Sie die Regel. Wir speichern die Anwendung, es bleibt nur noch die Erstellung eines Clients mit dem VoxImplant Web SDK.
Erstellen eines Web-Clients Der Client benötigt lediglich die Datei voximplant.min.js, die sich auf der CDN befindet, sowie ein grundlegendes Verständnis der Funktionsweise des Web SDK. Damit alles mehr oder weniger anständig aussieht, können Sie Bootstrap verwenden. Ich sehe keinen Sinn darin, den gesamten Code aus der HTML-Datei hier wegzuwerfen, wir werden uns nur auf die Hauptpunkte konzentrieren, und Sie können es immer tiefer verstehen, indem Sie die Dateien von unserer Seite auf GitHub herunterladen.// SDK-Funktion // verbinden, um das Protokoll direkt in der HTML-Funktion anzuzeigen log(str) ( document.getElementById("log").innerHTML += str+"
"; ) // Eine VoxImplant-Instanz erstellen var voxAPI = VoxImplant.getInstance(); // Ereignishandler aufhängen voxAPI.on(VoxImplant.Events.SDKReady, onSdkReady); voxAPI.on(VoxImplant.Events.ConnectionEstablished, onConnectionEstablished); voxAPI . on(VoxImplant.Events.ConnectionFailed, onConnectionFailed); voxAPI.on(VoxImplant.Events.ConnectionClosed, onConnectionClosed); voxAPI.on(VoxImplant.Events.AuthResult, onAuthResult); voxAPI.v(VoxImplant.Events.IncomingCall, onIncomingCall) ; voxAPI.on(VoxImplant.Events.MicAccessResult, onMicAccessResult); // SDK initialisieren try ( voxAPI.init(( micRequired: true, // Zugriff auf das Mikrofon/die Kamera anfordern, bevor eine Verbindung zu VoxImplant hergestellt wird videoSupport: true // Video aktivieren support )) ; ) Catch(e) ( // wenn ein Initialisierungsfehler auftritt, dann zeige ihn an log(e.message); ) // Jetzt können Sie die SDK-Connect-Funktion verwenden onSdkReady())( voxAPI.connect() ; // nach dem Aufruf erscheint ein Dialog Zugriff auf die Kamera/das Mikrofon ) // Funktion verarbeiten onMicAccessResult(e) ( if (e.result) ( // Zugriff auf die Kamera/das Mikrofon erlaubt ) else ( // Zugriff verweigert zur Kamera/zum Mikrofon ) ) // Verbindung mit VoxImplant-Funktion hergestellt onConnectionEstablished() ( // Sie können sich anmelden – hier müssen Sie einen Dialog zur Dateneingabe anzeigen und dann die folgende Funktion aufrufen // Ersetzen Sie application_user, application_name, account_name und application_user_password mit Ihren Daten zum Testen voxAPI.login(application_user+"@"+application_name+"." +account_name+".voximplant.com", application_user_password); ) // Es konnte keine Verbindung zur VoxImplant-Funktion hergestellt werden onConnectionFailed() ( // Entweder waren die Websockets nicht verbunden oder UDP ist geschlossen) // Die Verbindung wurde geschlossen function onConnectionClosed() ( // Sie können connect erneut aufrufen, um die Verbindung wiederherzustellen) function onAuthResult( e) ( if (e.result) ( // angemeldet – jetzt können Sie Anrufe tätigen oder empfangen) else ( // Autorisierungsfehler, Sie können sich den e.code ansehen, um zu verstehen, was falsch ist) ) var currentCall = null; // aktueller Anruf // Eingehende Anruffunktion onIncomingCall(e) ( currentCall = e.call; // Handler auflegen currentCall.on(VoxImplant.CallEvents.Connected, onCallConnected); currentCall.on(VoxImplant.CallEvents.Disconnected, onCallDisconnected ); currentCall.on(VoxImplant.CallEvents.Failed, onCallFailed); // Den Anruf automatisch beantworten. In einer normalen Anwendung ist es besser, Informationen über anzuzeigen eingehender Anruf und geben Sie die Möglichkeit zur Annahme oder Rückgabe. currentCall.answer(null, (), (receiveVideo: true, sendVideo: true )); ) // Funktion für eine ausgehende Anruffunktion createCall() ( // application_username – der Name des Benutzers, der (per Video) anruft currentCall = voxAPI.call(application_username, (empfangenVideo: true, sendVideo: true), "TEST CUSTOM DATA", ("X-DirectCall": "true")); // Handler auflegen currentCall.on(VoxImplant.CallEvents.Connected, onCallConnected); currentCall.on(VoxImplant.CallEvents.Disconnected, onCallDisconnected); currentCall. on(VoxImplant.CallEvents. Failed, onCallFailed); ) // Der Anruf wurde verbunden function onCallConnected(e) ( // Videoversand aktivieren und eingehendes Video anzeigen voxAPI.sendVideo(true); currentCall.showRemoteVideo(true); ) // Der Aufruf wurde beendet. function onCallDisconnected(e) ( currentCall = null; ) // Fehler beim Aufruf der Funktion onCallFailed(e) ( // Fehlercode e.code, Fehlerbeschreibung e.reason )
Das sind eigentlich alle Hauptfunktionen und Ereignisse, die wir brauchen. Natürlich handelt es sich hierbei um reines JS, Sie müssen ihm Stile und Layouts hinzufügen. Die Version, die wir auf GitHub gepostet haben, sieht so aus:
Wenn Sie sowohl Flash- als auch WebRTC-Unterstützung benötigen, müssen Sie die Clientanwendung in den entsprechenden Modus umschalten, da wir keine WebRTCFlash-Videoaufrufe implementiert haben. Wir hoffen, dass WebRTC-Unterstützung in naher Zukunft in IE12 verfügbar sein wird, gefolgt von Safari. Wenn Sie die Option „Anruf von der Site an den Operator“ benötigen, können Sie zwei Operatoranwendungen erstellen, eine mit WebRTC, die andere mit Flash, und Anrufe von der Site weiterleiten, je nachdem, welcher SDK-Modus für den Site-Besucher aktiviert ist. entweder an einen oder an einen anderen Betreiber.