Skip to main content

Video Recommendation

ArvanCloud Video Platform integration with tools, plugins, and extensions provides practical features. With video tagging and content intelligence system, ArvanCloud Video Hosting can suggest similar videos to the viewers after watching any content and help increase the number of views.

To activate this feature, enable the "Get Recommended Videos" option on the desired channel.

By activating this option on the channel, the textual information of the videos, including the title, description, and video tags, will be sent to the Dolphin AI platform.

After collecting channel video information and with relevant algorithms, the connection between files is measured, and based on that, the list of recommended videos is produced for each video.

From now on, by completing the synchronization of videos with the AI service, you can get the list of videos associated with each video (in the shared channel) by using the API and sending a request to the following path:

https://napi.arvancloud.ir/vod/2.0/videos/{VIDEO_ID}/recommendation

Note that by deactivating "Recommendation", your video channel information will be deleted from the Dolphin platform.

Playlist Plugin

To make this even easier, you can include a script on your website's video pages to display a list of suggested videos to users automatically.

To do this, first, call the desired script using the "script" tag on the page and then activate this tool using the following two pieces of code:

1- Specifying the loading location of the plugin:

<div id="__R1PlayListWidget" data-video-src="VIDEO_ID"></div>

2- Customizing the plugin:

    <div id="__R1PlayListWidget" data-video-src="VIDEO_ID"></div>
<script src="./arvancloud-recommendation-playlist.js"></script>
<script>
window.addEventListener("load", () => {
const playlist = window["arvancloud-recommendation-playlist"].playList({
apiKey: 'API_KEY',
element: "__R1PlayListWidget",
title: "Related Videos",
splideOptions: {
repeat: false,
rewind: true,
type: 'slide',
perPage: 5,
perMove: 1,
gap: '16px',
keyboard: true,
arrows: true,
drag: 'free',
pagination: false,
},
callBack: (data) => {
console.log(data);
},
});
});
</script>