Pisanie wiadomości
Jak włączyć wychwytywanie pisania wiadomości?
Uwaga
Aby wysłać plik połączenie musi myć utworzone
<textarea id="conpeek_plugin_chat_message" rows="1" name="conpeek_plugin_chat_message" placeholder="Wpisz wiadomość..." style="height: 35px;"></textarea>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Samouczek: Conpeek SDK</title>
</head>
<body>
<video id="conpeek_plugin_video_box"></video><br>
<button type="button" id="CHAT" disabled onclick="onClickChatButton()">Chat</button><br>
<textarea id="conpeek_plugin_chat_message" rows="1" name="conpeek_plugin_chat_message" placeholder="Wpisz wiadomość..." style="height: 35px;"></textarea><br>
<script type="text/javascript" src="conpeek.js"></script>
</body>
</html>
Podpowiedź
Na potrzeby przykładu dodaliśmy pole tekstowe z podpowiedzią Wpisz wiadomość....
W momencie pisanie wiadomości w aplikacji użytkownik będzie widział trzy niebieskie kropki.
By dodać wychwytywanie momentu pisania wiadomości należy dodać funkcję
$conpeek.chat.registerDetectInput(document.getElementById ("conpeek_plugin_chat_message"));
<script type="text/javascript">
$conpeek.initialize({
url: 'https://example.conpeek.com',
plugin_id: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
media_tag: 'conpeek_plugin_video_box',
},
function (success, params) {
if (success) {
$conpeek.event.registerCallback("plugin_subscription", "ready", () => {
$conpeek.util.updateTargetData("Help Desk", function(success, body){
if(success) {
document.getElementById("CHAT").disabled = false
}
});
});
} else {
alert("Inicjalizacja nie powiodła się")
}
});
function onClickChatButton() {
$conpeek.dialog.connect({
media: ["chat"],
presentation: "John Doe",
destination: "Help Desk"
}, function () {
$conpeek.chat.send("Hello World!");
$conpeek.event.registerCallback("chat", "chat_message", function (data) {
console.log(data)
});
$conpeek.chat.registerDetectInput(document.getElementById ("conpeek_plugin_chat_message"));
}, function () {
alert("Tworzenie połączenia nie powiodło się");
});
}
</script>
W następnym rozdzialę dodamy funkcję która pozwala wysłać plik.