Knowledge base
1000 FAQs, 500 tutorials and explanatory videos. Here, there are only solutions!
This guide explains how to provide useful details when requesting assistance and authorize Infomaniak Support to access your online products, particularly their content:
- Only Infomaniak collaborators handling your support request will have access to it.
- You can revoke this access at any time or wait for 7 days for it to automatically close.
Authorize Support to Access Your Content
You can grant access to certain products for a maximum of 7 days from your user account:
- Login to the Infomaniak Manager (manager.infomaniak.com) or Infomaniak Mail (mail.infomaniak.com) from a web browser like Brave or Firefox
- Click on the icon with your initials or avatar at the top right
- Select Manage My Profile
- Click on Manage in the Support box
- Authorize access by clicking on the toggle button (allowing one does not allow the other - these are specific authorizations) to:
- Content of email addresses linked to the Infomaniak Mail interface
- Content of folders among the existing kDrive(s) in the organizations to which the current user belongs
- Content of discussions among the existing kChat product(s) in the organizations to which the current user belongs
Screenshots
on Windows
Microsoft provides preinstalled software dedicated to screenshots. But to do it manually:
- Show what you want/need to capture on the screen
- Press the PRINTSCREEN key on your keyboard (or PRTSCR, PRNTSC, etc.) once
- In Microsoft Word (or similar), go to "Edit" -> "Paste" to place your image on the page
- "Save" your file
- Repeat the operation from point 1 to point 5 as many times as the desired number of captures
on macOS
- Press the "cmd" + "shift" (the up arrow) + "3" keys simultaneously
- With each press of these keys, an image file is created on your computer's desktop
on iOS (iPhone, iPad...)
- Press the "Power" + "Home" buttons simultaneously (the only two physical buttons)
- Retrieve the screenshots in the "Photos" app on your device
on Android (e.g., Samsung, LG, or Huawei)
- Press the Volume Down key (on the edge) and the Lock key simultaneously
- The captured image is automatically saved in a Screenshots folder in the gallery
Popup Windows
To copy-paste a text message from an error popup in Windows, simply press the "CTRL" + "C" keys on your keyboard to copy the message to the clipboard. You can then paste it ("CTRL" + "V") into the body of the message you send us.
Browser Javascript Console
on Windows
Chrome, Firefox, and Safari: Enter the key combination ctrl + shift + i
Internet Explorer and Edge: Press the F12 key
on macOS
Chrome: Enter the key combination ⌘ + ⌥ + J
Safari: Enter the key combination ⌘ + ⌥ + C
- Then, click on the icon with a barred circle or similar to reset the log
- Show the page of your site experiencing the issue
- The console tab displays JavaScript errors and unfound online resources
This guide explains how to insert an image, logo, watermark, or watermark on your video streaming broadcasts to strengthen your brand image and protect your content from copying or potential misuse.
Preamble
There are two ways to overlay your logo on your broadcasts:
- Overlaying a logo via the player (free): the logo is overlaid on the video and will not be visible if the stream is embedded outside of the player
- Embedding the logo via transcoding (paid option): the logo is embedded in the video and will be visible in all cases; this case requires complete re-encoding of the stream(s) by a transcoding server, which explains the cost of this method
In both cases, it is possible to customize the following settings:
- position of the logo (in one of the four corners of the player, spacing from the edge, etc.)
- size of the logo (e.g., a logo at 50% will be twice as small)
- We recommend using the native size to optimize loading and rendering quality
- In the case of video transcoding, the logo size is calculated relative to the source video (or maximum quality); the logo will be automatically resized if lower qualities are present to maintain a consistent ratio
- opacity of the logo
1. Overlaying a logo via the player (free)
For this:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
- Click on the icon in the top right corner of the interface (or navigate through the left side menu)
- Choose Video Streaming (Streaming universe)
- Click on the relevant stream
- Click on Integration and then on Players from the left menu
- Click on the player to customize
- Go to the Appearance tab
- Add the desired logo in png, jpg, or gif (non-animated) format
2. Activate the watermark option (paid option)
For this:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
- Click on the icon in the top right corner of the interface (or navigate through the left side menu)
- Choose Video Streaming (Streaming universe)
- Click on the relevant stream
- Click on Settings and then on Options from the left menu
- Enable the Watermark option
- Add the desired logo in png, jpg, or gif (non-animated) format
This guide is about Infomaniak Site Creator, an Infomaniak tool for website creation that includes a media library for your media files (images, videos, documents, etc.).
Accessing Files
To access Site Creator:
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Firefox.
- Click on the icon at the top right of the interface (or navigate through the left side menu, for example).
- Select Hosting (in the Web & Domain section).
- Click directly on the name of the relevant object in the displayed table.
- Click on Site Creator in the left-side menu.
- Click on Customize my site.
The media library can be accessed from the lower part of the left-side menu under Files:
These media files will be available to you when you edit your pages and want to insert content.
Organize Your Files, Folders, and Subfolders
Keep in mind that you cannot move or rename files.
You cannot delete a folder if it's not completely empty.
Therefore, plan the organization of your media files and their structure before you start creating your website.
Create a New Folder
Use the ⋮ action menu at the bottom right of the window:
Upload a New File to the Library
Click on Upload a file to browse your hard drive and upload the desired files:
Common image formats are supported (webp, jpg, jpeg, png, gif, svg, etc.), as well as video formats (mp4, mov, etc.). You can also upload other file types (zip, pdf, etc.) to make them available to visitors using the File Download module, for example.
Open the Image Editor
Hover over an image in the library and click on the pencil icon to access the image editor:
Search for and Use Royalty-Free Images
In the left sidebar of the library, there is a menu item that leads to royalty-free stock images that you can insert into your library to enhance your site:
Protect Your Content
Click on Settings in the left sidebar and then on General Settings.
At the bottom, there is an option that, when enabled, prevents visitors from right-clicking on your site.
Troubleshooting Image/Files Upload
Try to upload the lightest possible JPG or PNG images; there's no need to upload images with a width greater than 1000 pixels.
Make sure your files are not in "300DPI" resolution or higher; you don't need this for your website; it's only for printing purposes.
If you're trying to upload files directly from your camera, try resizing them before uploading; from your iPhone, it might be in HEIF/HEIC format, which is not supported - try converting it to JPG first.
This guide helps you protect against hotlinking on Infomaniak Web Hosting.
Preamble
Hotlinking, also known as "leeching" or "bandwidth theft," occurs when a website directly embeds resources (such as images, videos, or audio files) hosted on another site, without permission from the latter. This means that the remote site is used to display content on the hotlinking site, which can result in unauthorized use of resources and bandwidth consumption for the owner of the remote site.
Preventing Hotlinking
Content owners can implement measures to prevent hotlinking, such as rules in the .htaccess file at the root of the website to block requests from specific sites or redirect to a replacement image:
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?infomaniak.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?bing.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yahoo.com [NC]
RewriteRule \.(jpg|jpeg|png|gif|svg)$ https://infomaniak.com/replacementimage.png [NC,R,L]
Replace "infomaniak.com" above with your site's address.
Remove the 3 google/bing/yahoo lines if you do not want these 3 sites to be allowed to display your images.
This guide presents several examples of using Varnish on Infomaniak Managed Cloud Server.
⚠️ For additional help, contact a partner or submit a tender — also read the role of the host
Varnish Configuration
This is what a basic configuration file could look like with some common cases and different actions/rules in a single example:
vcl 4.0;
# This should not be modified
backend default {
.host = "127.0.0.80";
.port = "80";
}
# An ACL is an "Access control list", which defines a list of IPs, later to be reused in a rule, for example "Who can purge the cache"
acl purge {
"localhost";
"1.2.3.4"; # My Home IP
"42.42.42.0"/24; # My company's public IP range
! "42.42.42.7"; # Except some annoying colleague
}
# Happens when varnish first gets the request, before sending it to the backend
sub vcl_recv {
# Allow purging
if (req.method == "PURGE") {
# Not from an allowed IP? Then die with an error.
if (!client.ip ~ purge) { # purge is the ACL defined at the beginning
# 'synth' is a function that returns a page (without asking the backend) that will not get cached.
return (synth(405, "This IP is not allowed to send PURGE requests."));
}
# If you got to this stage (and didn't error out above), purge the cached result
return (purge);
}
# Allow purging all images, for example
if (req.method == "PURGEALL" && req.url == "/images") {
if (!client.ip ~ purge) {
return (synth(405, "This IP is not allowed to send PURGE requests."));
}
# The 'ban' function is a built-in that allows invalidating all objects in cache that match the given expression
ban("req.url ~ \.(jpg|png|gif|svg)$");
return (synth(200, "Purged images."));
}
# Pages with authorization are not cached
if (req.http.Authorization) {
# With the 'pass' action, the request will be directly passed from the backend without entering the cache
return (pass);
}
}
# Happens after we have read the response headers from the backend.
# Here you clean the response headers, define if the request must get cached, for how much time, etc.
sub vcl_backend_response {
# Cache all images for 1 day by default
if (beresp.http.content-type ~ "image") {
set beresp.ttl = 1d;
}
# If server sets an "uncacheable" header, do not store the response in cache
if (beresp.http.uncacheable) {
set beresp.uncacheable = true;
}
}
Purging from the CLI Interface
From here, the rules outlined in the above configuration work on all requests. So, if the configured site is "domain.xyz," you can simply use the CLI tool "curl" and do the following:
$ curl -X PURGE https://domain.xyz/
Error 200 Purged
Purged
Guru Meditation:
XID: 2
Varnish cache server
And there, the home page has been purged. Or to purge another URL, simply point the request to it:
$ curl -X PURGE https://domain.xyz/some_path/some_file.html
Error 200 Purged
Purged
Guru Meditation:
XID: 4
Varnish cache server
Or, as indicated in the VCL configuration, purge all images:
$ curl -X PURGEALL https://domain.xyz/images
Error 200 Purged images.
Purged images.
Guru Meditation:
XID: 32770
Varnish cache server
Purging from a CMS
It's a bit more challenging to illustrate this case because there are many ways to manage caching from a backend. In the above configuration example, a check on the "Uncacheable" header is added, which disables caching. With this option, any CMS could simply set this header on the response to disable caching for that request, for example.
From any PHP code and with the above configuration, you can simply send an HTTP request and use this snippet to perform a cache PURGE:
if ($curl = curl_init("http://127.0.0.1/some_url")) {
curl_setopt_array($curl, [
CURLOPT_RETURNTRANSFER => true,
CURLOPT_CUSTOMREQUEST => "PURGE",
CURLOPT_HTTPHEADER => [
"Host: {$_SERVER['HTTP_HOST']}"
]
]);
curl_exec($curl);
if (curl_getinfo($curl, CURLINFO_HTTP_CODE) == 200) {
echo "Cache purged!";
}
curl_close($curl);
}
Learn More
Useful links regarding the Varnish Configuration Language (VCL) for controlling request handling, routing, caching, and several other aspects:
This guide allows you to quickly use the essential functions of Infomaniak's video streaming.
Where to start?
1. Configuring the stream
Streaming to Infomaniak servers can be done in two different ways:
- via a video encoder (or a camera acting as an encoder) that will push the stream to Infomaniak servers; to offer multiple stream qualities and enhance your users' experience, you can enable multi-bitrate
- via an IP camera, or an external source from which Infomaniak servers will pull the stream
2. Create a player to offer the stream to your viewers
- Log in to the Infomaniak Manager (manager.infomaniak.com) from a web browser like Brave or Edge
- Click on the icon at the top right of the interface (or navigate using the left sidebar menu, for example)
- Select Video streaming (Streaming universe)
- Click on the name of the relevant item in the displayed table
- Click on Integration in the left sidebar menu
- Click on Players in the left sidebar menu
- Click the blue button to add a player
3. Record your live streams in a scheduled or automatic manner
Refer to this guide to learn how to archive or record your streams.
To go further...
- Embedding a watermark / logo on a live video stream
- Customizing images for stream restriction on your player
- Why is there a delay between my source and the availability of a stream?
- What cameras are compatible with Infomaniak's platform?
- How to protect access to my stream with a unique hash (token)?
If needed, contact Infomaniak support.
This guide concerns the HTTP header "If-Modified-Since" used to check if a resource has been modified since the last time it was retrieved by a client. This helps save bandwidth and speed up page loading by avoiding the retransmission of unchanged static resources.
Using the Header
Here's how you can use it using directives from the mod_expires module in the .htaccess file at the root of your site directory (/web or /sites/domain.xyz, for example):
- Open or create the .htaccess file at the root
- Enter the following code:
<IfModule mod_expires.c> - Then enter your commands, for example:
ExpiresActive On
ExpiresByType text/html "access plus 1 week"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"These directives set the expiration duration for specific resources. In this example, HTML files are cached for one week, JPEG images, CSS files, and JavaScript files are cached for one month. You can adjust these values as needed. - Finish by closing the tag:
</IfModule> - Save the .htaccess file
This guide explains how to insert an image, logo, watermark, or watermark on the videos of your VOD service to enhance your brand image and protect your content against copying or potential misuse.
Adding the Image to the Media
You have the option to add an image that will appear on your video:
- either from the rules specific to an import folder
- or from the configuration of a video player
1. Import Folder
In the management section of an import folder, embedding the selected image is effectively what its name suggests: a direct integration into the video. This method is less flexible because once the logo is embedded, no further modifications are possible. It is therefore important to consider that any changes to the logo in the future could pose a problem, making this approach less adaptable in the long run.
2. Video Player
In the management section of a Player, the selected logo is overlaid on the video, appearing only at playback time. This approach offers the flexibility to change the logo at any time, thus allowing the use of multiple players pointing to the same video without any difficulty. However, one drawback to consider is that if a visitor manages to retrieve the actual address of the video, it will be broadcast without the logo. Despite this drawback, this method is recommended for its ease of use and adaptability.
These two technologies are different and do not work at the same time, so if you activate them simultaneously, you will get the player's logo above the embedded logo.
This guide explains the use of smileys and other emojis to react and interact in kChat discussions.
Add a Reaction to a Message
To react to any message at any time in kChat, simply hover over the message and select either the emoji from the selection or the smiley with a plus sign:
If there are already reactions, you can add one in the same place:
This will open the panel with hundreds of emojis available (and even custom emojis - read more below).
Expressing with an Emoji or GIF
Adding an emoji within the message you are composing is very simple. Just click on the smiling face icon in the formatting bar of your message:
You can then choose an emoji:
or insert short animated GIFs rather than an emoji using the tab at the top of the box that appears when you click on the smiling face icon:
If you know the name of the symbol to insert, you can also type: (2 colons) followed by the first 2 characters at a minimum:
Tip: if you add #, ##, or ### as the first character of a new line containing an emoji, you can use a larger emoji. To try, send a message like '# :smile:' (note that your custom settings may "disable" this display feature on your interface).
To set the default color, click on this symbol in the emoji panel:
Custom Emojis
To manage additional emojis, click on this button in the emoji panel:Specify a name up to 64 characters long. It can contain lowercase letters, numbers, and the characters "-", "+", and "_".
Specify a .gif, .png, or .jpg file for your emoji. The file can weigh up to 1 MB. The size is automatically resized to 128 by 128 pixels while maintaining the aspect ratio.
The emoji can then be used by all kChat users in your organization thanks to the name you assigned to it.
This guide specifies the resources you can benefit from with a Jelastic Cloud depending on the type of account you have.
All Jelastic Cloud accounts offer the following benefits:
- Web applications: more than 40 CMS installable in 1 click
- Technologies: PHP, Java, Node.JS, Ruby, Python, Go, Docker (find out more)
- Databases: SQL & NoSQL (find out more)
- SSL Certificates: Free with Let's Encrypt
- Automatic backups: every 24 hours (incremental, over the last 7 days)
14-day trial account
The trial period allows you to test Jelastic Cloud without obligation. You can check if this solution meets your expectations and estimate the resources you need. Thanks to our calculator, you can then determine the hourly or monthly price of your PaaS by depending on your testing.
During the trial period, you have the following resources:
- Number of environments: 5
- Power: 8 Cloudlets (3.2 GHz of CPU and 1 GB of RAM)
- SSD storage: 10 GB
- Bandwidth: 20,000 Kb/s
Paid account
As soon as you buy Jelastic credits, the trial account restrictions are lifted and you can freely adjust the resources of your PaaS according to your needs:
- Number of environments: according to your needs
- Power: customizable to your needs
- SSD storage: 20 GB included, expandable up to 100 GB per environment
- Incoming and outgoing traffic: 2.8 GB / hour (2.4 TB / month) included, then billed per GB
- Bandwidth: 400,000 Kb/s
Find out more
- Jelastic Cloud billing What is a Cloudlet?
- What technologies are supported
- Jelastic Cloud Getting Started Guide