Jump to content

Listen To This Article Feature


Chris027

Recommended Posts

Hi Guys, I'd absolutely love a feature that enabled me to upload an audio file of an article being read aloud, and have a button people could click to "Listen to this Article."

The magazine The Atlantic makes great use of this feature. Please ignore the content of the link, I'm only linking to it as an example of what I'd love to be part of Invision Community for front page articles I write. 

https://www.theatlantic.com/magazine/archive/2022/05/social-media-democracy-trust-babel/629369/

 

Link to comment
Share on other sites

  • 5 months later...

Tagging @Daniel F for his opinion on this one - I believe that may be something that may need to be changed by Invision

It appears to be added by this block of code in ips.core.lightboxedImages.js

} else {
	// This is an INLINE attachment
	attachment.addClass('ipsAttachLink_inline');
	attachment.attr('title', ips.getString('attachmentPending'));
	attachment.attr('data-ipstooltip', true);
}

Earlier in the function, however, it states:

var attachments = this.scope.find('[data-fileid]').not( function (idx, elem) {
	// We don't want to change any image/video attachments, so exclude those here
	var elem = $(elem);
	return elem.is('img, source, video') || elem.find('img, source, video').length;
});

Maybe audio also needs to be added there here too (seeing as you are excluding video/source)

var attachments = this.scope.find('[data-fileid]').not( function (idx, elem) {
	// We don't want to change any image/video attachments, so exclude those here
	var elem = $(elem);
	return elem.is('img, source, video, audio') || elem.find('img, source, video, audio').length;
});

It might be possible to reverse the above using some JS in a plugin.

 

 

Link to comment
Share on other sites

14 hours ago, Nathan Explosion said:

Tagging @Daniel F for his opinion on this one - I believe that may be something that may need to be changed by Invision

It appears to be added by this block of code in ips.core.lightboxedImages.js

} else {
	// This is an INLINE attachment
	attachment.addClass('ipsAttachLink_inline');
	attachment.attr('title', ips.getString('attachmentPending'));
	attachment.attr('data-ipstooltip', true);
}

Earlier in the function, however, it states:

var attachments = this.scope.find('[data-fileid]').not( function (idx, elem) {
	// We don't want to change any image/video attachments, so exclude those here
	var elem = $(elem);
	return elem.is('img, source, video') || elem.find('img, source, video').length;
});

Maybe audio also needs to be added there here too (seeing as you are excluding video/source)

var attachments = this.scope.find('[data-fileid]').not( function (idx, elem) {
	// We don't want to change any image/video attachments, so exclude those here
	var elem = $(elem);
	return elem.is('img, source, video, audio') || elem.find('img, source, video, audio').length;
});

It might be possible to reverse the above using some JS in a plugin.

 

 

Seems reasonable! I have posted this to our internal tracker. 

Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...