Comment intégrer BigBlueButton dans Nextcloud ?

 

À l'heure où le télétravail et les visioconférences sont plus que jamais nécessaires, il est intéressant d'intégrer l'outil de visioconférence BigBlueButton à l'outil de bureautique Nextcloud.

L'objectif de cette intégration est de bénéficier des fonctionnalités de BigBlueButton directement dans Nextcloud.

L'extension à installer sur Nextcloud se nomme "BigBlueButton Integration", et elle est compatible depuis Nextcloud 18.

Installation de l'extension

Aller sur le panel d'administration Nextcloud, puis à la partie "Applications".

L'extension se trouve dans la catégorie "Social & Communication".

L'extension est désormais installée. Maintenant, il faut la paramétrer.

Paramétrage de l'extension

Sur le serveur BigBlueButton, récupérer la valeur du secret de l'API de BigBlueButton ainsi que son URL, avec la commande suivante :

[/fusion_text][fusion_syntax_highlighter theme="" language="" line_numbers="" line_wrapping="" copy_to_clipboard="" copy_to_clipboard_text="" font_size="" border_size="" border_color="" border_style="" background_color="" line_number_background_color="" line_number_text_color="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id=""]dWJ1bnR1QGJiYjp+JCBzdWRvIGJiYi1jb25mIC0tc2VjcmV0CgogIFVSTDogaHR0cHM6Ly90ZXN0LWJiYi5hdWtmb29kLmZyCiAgU2VjcmV0OiA8U0VDUkVUX0FQSV9CSUdCTFVFQlVUVE9OPg==[/fusion_syntax_highlighter][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Retourner dans les paramètres Nextcloud, puis "Paramètres Supplémentaires".

[/fusion_text][fusion_imageframe image_id="20145|fusion-600" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-09.48.28-600x140.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Remplir le champ "Adresse de l'API" par l'URL et "Secret de l'API" par le secret.

Cliquer sur "Enregistrer", la configuration est acceptée.

Plutôt que d'aller dans les paramètres pour lancer un salon, il est possible de pouvoir accéder à BigBlueButton depuis la barre de navigation comme ceci :

[/fusion_text][fusion_imageframe image_id="20146|fusion-600" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-09.51.10-600x71.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Pour cela, cocher la case suivante dans les paramètres supplémentaires :

[/fusion_text][fusion_imageframe image_id="20147|fusion-600" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-09.56.49-600x29.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

BigBlueButton est donc correctement intégré à Nextcloud.

[/fusion_text][fusion_title title_type="text" rotation_effect="bounceIn" display_time="1200" highlight_effect="circle" loop_animation="off" highlight_width="9" highlight_top_margin="0" before_text="" rotation_text="" highlight_text="" after_text="" content_align_medium="" content_align_small="" content_align="left" size="1" font_size="" animated_font_size="" line_height="" letter_spacing="" text_shadow="no" text_shadow_blur="0" text_shadow_color="" dimensions_medium="" dimensions_small="" text_color="" animated_text_color="" highlight_color="" style_type="default" sep_color="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Utilisation de l'extension

[/fusion_title][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Maintenant que l'extension est correctement configurée, il est temps de voir comment l'utiliser :

[/fusion_text][fusion_imageframe image_id="20146|fusion-600" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-09.51.10-600x71.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Après avoir lancé l'extension, il faut créer un salon, en précisant son nom :

[/fusion_text][fusion_imageframe image_id="20148|fusion-600" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-10.00.05-600x57.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Pour démarrer la réunion, cliquer sur le premier bouton ().

[/fusion_text][fusion_imageframe image_id="20150|fusion-600" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-10.02.14-600x197.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Pour copier le lien vers la réunion (pour un intervenant extérieur par exemple), cliquer sur le deuxième bouton (  ).

[/fusion_text][fusion_imageframe image_id="20152|medium" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-10.06.43-291x300.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Le lien peut également être stocké dans l'espace personnel Nextcloud, sous forme de fichier raccourci. Pour cela, cliquer sur le troisième bouton ( ), et sélectionner le répertoire de destination.

[/fusion_text][fusion_imageframe image_id="20154|medium" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-10.09.07-300x71.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

Il est également possible de régler le nombre maximal de personnes sur la réunion, et ainsi créer un quota. Pour cela, régler la valeur "Max". Si la valeur est de 0, alors le quota est illimité.

[/fusion_text][fusion_imageframe image_id="20148|fusion-600" max_width="" sticky_max_width="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-10.00.05-600x57.png[/fusion_imageframe][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id=""]

La case "Enregistrer" permet d'enregistrer la session. Elle apparaîtra ensuite sur le panel BigBlueButton.

Enfin, pour retrouver tous ces paramétrages, mais également celui des rôles (qui est modérateur, qui peut supprimer ou ajouter des participants), cela se passe à droite, avec l'icône en forme de document ( ). 

[/fusion_text][fusion_imageframe image_id="20156|fusion-600" max_width="" sticky_max_width="" style_type="" blur="" stylecolor="" hover_type="none" bordersize="" bordercolor="" borderradius="" align_medium="none" align_small="none" align="center" lightbox="no" gallery_id="" lightbox_image="" lightbox_image_id="" alt="" link="" linktarget="_self" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0"]https://www.aukfood.fr/wp-content/uploads/2020/10/Capture-décran-2020-10-28-à-10.14.29-600x182.png[/fusion_imageframe][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]