Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
media-carousel
Advanced tools
The purpose of media-carousel is navigation between a gallery of video and audio files presented in a form of carousel. The media-carousel component at its very naked form has a carousel at the bottom (top) that let the user slide through the files and select one to load the player stacked at the top (bottom).
In order to use media-carousel media must be saved in the Decooda S3 bucket:
export const S3Configs = {
bucketName: "decooda-media-galleries",
bucketRegion: "us-east-1",
IdentityPoolId: "XYZ"
}
Note that media must be saved with the following path
structure:
<product_name>/<company>/<project_id>/<video_id>/filename
Each media upload must be accompanied by the following HTTP POST
{
//REQUIRED FIELDS
s3URL,
callbackURL:"", // POST HTTP
modelIds:[123,456,789] // All core models used to analyze media - leave it empty for now
//THE REST IS NOT REQUIRED
date:1234, // UNIX Time stamp number
user_id:"XYZ",
}
the callbackURL will be sent the HTTP POST with
s3URL,
transcriptions:[
{
message: "Possible retirement in overtime in price.",
time:12445235,
},
{
message: "Possible retirement in overtime in price.",
time:12445235,
}
]
To create a showreel the media-carousel send a POST
to services.decooda.com/media/showreel
(tentaive path URL - will change) with the body
{
S3URLs:['m1','m2'], // the order is preserved in the showreel
showreelId:'XYZ',
s3URL:'s3 url for showreel'
meta:{ // filtering all videos for following meta information
emotions:[],
valence:0, // -1 or 1
topics:[]
}
callbackURL:'call back' //
trigger:true // false to get only the processing time estimate
}
The server will respond with
{
processingTime:12, //seconds
numVideos:2, // number of video with the hit
showreelId:'XYZ'
}
if the trigger is set to true
upon the completion of the task the callback url is hit by decooda process informing the from of POST
request with the body
{
showreelId:'XYZ',
}
When the media carousel is loaded it sends a GET HTTP request to sample.decooda.com/media/gallery?projectId=x,company=x,productName=x
and it expects
{
files : [{
src: 'url',
upload_date:11111,
meta:{
emotions:[],
personas:[],
valence:0, // -1 or 1
topics:[]
}
}],
showreels :[{
src: 'url',
upload_date:11111,
meta:{
emotions:[],
personas:[],
valence:0, // -1 or 1
topics:[]
}
}]
}
When a media is loaded a GET request is sent to sample.decooda.com/media/gallery?videoId=xxx
and a detailed v2t
payload for the transcription is sent back as the response.
The backend saves all data and metadata for media for future queries...
There should be following UIs to filter media files:
1 - Valence Tri-Switch: positive, negative, all
2 - Emotion dropdown: Crave, Happiness, Gratitude, Excitement, Anger, Disappointment, Frustration, Confusion
3 - Persona dropdown: Advocate, Lover, hater, detractors, green_buyer, deal_hunter
4 - Topic selection - there could be many topics and user must be able to select multiple or none
There should be sorting by date (increasing and decreasing).
For player please use video.js react library: https://docs.videojs.com/tutorial-react.html
The information for the current video in focus must be shown in appropriate manner:
1 - creator
2 - Upload time
3 - emotions/topics/persona
The media carousel has two main components: the window and the carousel. The carousel accepts two props: the outside media data & a method from the parent that sets the state for the selected media item. The window component accepts one prop: the selected media with all the information.
FAQs
Audio/Video navigation carousel with search and filtering capabilities
The npm package media-carousel receives a total of 11 weekly downloads. As such, media-carousel popularity was classified as not popular.
We found that media-carousel demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.