How to use transformations to crop live streaming
Hi,
I have set up Live Streaming using WebRTC following this guide https://cloudinary.com/documentation/video_live_streaming_webrtc#stop and a React page to view the streaming using your Self Hosted Player https://cloudinary.com/documentation/video_player_how_to_embed.
I am trying to resize/crop video on the player but neither eager transformations on the upload preset nor specifying them on the player itself are working, the video is coming from the front facing camera of my Galaxy Note 10.
var demoplayer = window.cloudinary.videoPlayer('demo-player', {
showLogo:true,
logoImageUrl:"https://i.ibb.co/Njdf844/homescreen96.png",
logoOnclickUrl:baseUrl,
autoplay:true,
controls:true,
cloud_name:process.env.CLOUDINARY_ID,
sourceTypes: ['hls','dash','webm/vp9','mp4/h265','mp4']
})
demoplayer.source(streamUrl)
demoplayer.transformation({ width:500, height:600, crop:'fill_pad' })
Post is closed for comments.
Comments
2 comments