Odbieranie obrazu

Jak odebrać plik?

Uwaga

Aby odebrać plik połączenie musi myć utworzone

By odebrać plik trzeba dodać rejestrację zdarzenia.
Jest ona taka sama jak dla odbieranie wiadomości tylko różni się zwracanymi danymi.

$conpeek.event.registerCallback("<<message_type>>", "<<message>>", "<<callback>>");

<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)
            });
        }, function () {
            alert("Tworzenie połączenia nie powiodło się");
        });
    };
function onClickSendFileButton() {
    const chatFilePicker = document.getElementById('chatFilePicker'); 
    $conpeek.dialog.uploadFile(chatFilePicker);
};
function onClickSendImageFileButton() {
    const chatImageFilePicker = document.getElementById('chatImageFilePicker'); 
    $conpeek.dialog.uploadImage(chatImageFilePicker);
};
</script>

Dane

    data: {
        dialog_uuid: "1f405727-3052-4994-b0cb-37f496f8a012",
        date: "2021-01-01 10:00:40",
        dialog_uuid: "1f405727-3052-4994-b0cb-37f496f8a012",
        extension: "png",
        file_size: 70372,
        filename: "obraz.png",
        meeting_uuid: "f897e12f-9d2e-47ef-957d-d96b1fa90ef0",
        message_uuid: "3fa4bc31-337f-41ac-a242-74b247d1a3d5",
        sender_dialog_uuid: "e3ecbc31-14cc-4c2d-918a-08c7069a5b6c",
        type: "image",
        value: "https://api.example.conpeek.com/meeting/f897e12f-9d2e-47ef-957d-d96b1fa90ef0/file/5fdc7828dc11834829cc2c69/download"
    }
    message: "chat_message",
    message_type: "chat"

W parametrze value znajduje się link do pobrania pliku, aby zautoryzować pobranie bezpośrednio od strony klienta należy do URL dodać parametr cp_token z wartością $conpeek.session.getToken().

Example

$conpeek.event.registerCallback("chat", "chat_message", function (body) {
    if(body.data.type === "image") {
        let url = body.data.value + "?cp_token=" + $conpeek.session.getToken();
    }
});

Gdy już wiemy jak wysyłać i odbierać pliki oraz obrazy w następnym rozdziale dowiesz się jak zmienić typ połączenia.